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

  • 开发
  • 31

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

 

2、问题原因：

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

3、问题解决

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

阅读全部

相关推荐

  3. vue2 组件内路由守卫使用

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

  4. vue2 路由守卫讲解。

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

  5. vue - 路由守卫

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

  6. Vue路由守卫笔记

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

  7. vue-router(路由守卫)

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

  9. Vue router(路由守卫)

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

最近更新

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

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

  4. Could not load dynamic library ‘cudart64_100.dll‘

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

  9. 在Django里面运行非项目文件

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

  19. Python语言-面向对象

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

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

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

热门阅读

  6. Python中shape用法探秘：四维、五维、六维与七维的奇幻之旅

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

  9. 问题 B: 2.左右（lr.cpp/pas）

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

  10. 掌握Python3输入输出：轻松实现用户交互、日志记录与数据处理

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

  12. Vue小细节

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

  14. VPN简介

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

  20. C语言与内存息息相关的重要概念有哪些？

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

  24. 超宽输送带的最适合的应用领域是什么

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

  25. 渗透测试之内核安全系列课程：Rootkit技术初探（三）

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

  30. 电影《禁闭岛》赏析

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