当前位置: 首页 > news >正文

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。

相关文章:

  • Django前端页面-模板继承
  • opencv 在飞行堡垒8中调用camera导致设备消失
  • 纹理贴图必须要输入顶点坐标或纹理坐标吗
  • 如何免费获取云服务器
  • Vue09-事件处理
  • 【鸿蒙开发】HarmonyOS开发 URL动态路由设计
  • Mac环境下,简单反编译APK
  • 探索未来制造,BFT Robotics引领潮流
  • Flink SQL实践
  • Python 机器学习 基础 之 【实战案例】中药数据分析项目实战
  • 自动化机械臂喷涂生产线方案五
  • 电子电气架构 —— 刷写模式:并行刷写
  • mysql中 redo日志(下)
  • 手撸 串口交互命令行 及 AT应用层协议解析框架
  • 北航第四次数据结构与程序设计编程题复习
  • [case10]使用RSQL实现端到端的动态查询
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • 【Amaple教程】5. 插件
  • leetcode388. Longest Absolute File Path
  • Linux下的乱码问题
  • PyCharm搭建GO开发环境(GO语言学习第1课)
  • Python语法速览与机器学习开发环境搭建
  • React+TypeScript入门
  • SAP云平台里Global Account和Sub Account的关系
  • SAP云平台运行环境Cloud Foundry和Neo的区别
  • SSH 免密登录
  • vue:响应原理
  • 案例分享〡三拾众筹持续交付开发流程支撑创新业务
  • 笨办法学C 练习34:动态数组
  • 道格拉斯-普克 抽稀算法 附javascript实现
  • 工作踩坑系列——https访问遇到“已阻止载入混合活动内容”
  • 机器学习中为什么要做归一化normalization
  • 开放才能进步!Angular和Wijmo一起走过的日子
  • 利用jquery编写加法运算验证码
  • 每个JavaScript开发人员应阅读的书【1】 - JavaScript: The Good Parts
  • 盘点那些不知名却常用的 Git 操作
  • 前端
  • 由插件封装引出的一丢丢思考
  • 选择阿里云数据库HBase版十大理由
  • ​Linux Ubuntu环境下使用docker构建spark运行环境(超级详细)
  • ( 用例图)定义了系统的功能需求,它是从系统的外部看系统功能,并不描述系统内部对功能的具体实现
  • (Arcgis)Python编程批量将HDF5文件转换为TIFF格式并应用地理转换和投影信息
  • (delphi11最新学习资料) Object Pascal 学习笔记---第13章第1节 (全局数据、栈和堆)
  • (Forward) Music Player: From UI Proposal to Code
  • (Repost) Getting Genode with TrustZone on the i.MX
  • (二)换源+apt-get基础配置+搜狗拼音
  • (附源码)ssm考试题库管理系统 毕业设计 069043
  • (附源码)ssm学生管理系统 毕业设计 141543
  • (四)Android布局类型(线性布局LinearLayout)
  • (转)scrum常见工具列表
  • .NET Framework 服务实现监控可观测性最佳实践
  • .NET WebClient 类下载部分文件会错误?可能是解压缩的锅
  • ::什么意思
  • :“Failed to access IIS metabase”解决方法
  • []Telit UC864E 拨号上网