vue2前置路由守卫中使用this.$store.state报错解决

1、问题描述:在前置路由守卫逻辑中,要更改vuex中的store的state状态,使用常规的this.$store.state报错

 

2、问题原因:

在vue2是vueRouter前置路由守卫中,this关键字并不会指向vue实例,因此不能使用this.$store来访问vuex,此时会提示this.$store 是未定义的。

3、问题解决

如果在路由守卫中需要访问store,可以直接引用store实例,前提是以及正确的在应用中挂载了vuex store。

相关推荐

  1. vue2 组件内守卫使用

    2024-06-12 00:12:04       57 阅读
  2. vue2 守卫讲解。

    2024-06-12 00:12:04       53 阅读
  3. vue - 守卫

    2024-06-12 00:12:04       32 阅读
  4. Vue守卫笔记

    2024-06-12 00:12:04       58 阅读
  5. vue-router(守卫)

    2024-06-12 00:12:04       39 阅读
  6. Vue router(守卫)

    2024-06-12 00:12:04       29 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-12 00:12:04       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-12 00:12:04       106 阅读
  3. 在Django里面运行非项目文件

    2024-06-12 00:12:04       87 阅读
  4. Python语言-面向对象

    2024-06-12 00:12:04       97 阅读

热门阅读

  1. 问题 B: 2.左右(lr.cpp/pas)

    2024-06-12 00:12:04       43 阅读
  2. Vue小细节

    2024-06-12 00:12:04       41 阅读
  3. VPN简介

    2024-06-12 00:12:04       36 阅读
  4. C语言与内存息息相关的重要概念有哪些?

    2024-06-12 00:12:04       31 阅读
  5. 超宽输送带的最适合的应用领域是什么

    2024-06-12 00:12:04       29 阅读
  6. 电影《禁闭岛》赏析

    2024-06-12 00:12:04       48 阅读