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

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

news 来源：原创 2024/7/27 21:03:47

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应用层协议解析框架
  • 北航第四次数据结构与程序设计编程题复习
  • [译]前端离线指南（上）
  • 【干货分享】SpringCloud微服务架构分布式组件如何共享session对象
  • axios 和 cookie 的那些事
  • LeetCode算法系列_0891_子序列宽度之和
  • MySQL的数据类型
  • php ci框架整合银盛支付
  • tab.js分享及浏览器兼容性问题汇总
  • vue-cli3搭建项目
  • WePY 在小程序性能调优上做出的探究
  • Windows Containers 大冒险: 容器网络
  • windows下mongoDB的环境配置
  • 不上全站https的网站你们就等着被恶心死吧
  • 前端
  • 如何打造100亿SDK累计覆盖量的大数据系统
  • 原生Ajax
  • 运行时添加log4j2的appender
  • 栈实现走出迷宫（C++）
  • 1.Ext JS 建立web开发工程
  • Nginx实现动静分离
  • #AngularJS#$sce.trustAsResourceUrl
  • #LLM入门|Prompt#1.7_文本拓展_Expanding
  • （2）STL算法之元素计数
  • （二）Pytorch快速搭建神经网络模型实现气温预测回归(代码+详细注解)
  • （附源码）spring boot火车票售卖系统 毕业设计 211004
  • （附源码）springboot炼糖厂地磅全自动控制系统 毕业设计 341357
  • （附源码）ssm智慧社区管理系统 毕业设计 101635
  • （附源码）小程序 交通违法举报系统 毕业设计 242045
  • （亲测）设​置​m​y​e​c​l​i​p​s​e​打​开​默​认​工​作​空​间...
  • （十二）devops持续集成开发——jenkins的全局工具配置之sonar qube环境安装及配置
  • （转）linux下的时间函数使用
  • .net core 6 集成和使用 mongodb
  • .Net 基于MiniExcel的导入功能接口示例
  • .NET 设计一套高性能的弱事件机制
  • .net(C#)中String.Format如何使用
  • .net利用SQLBulkCopy进行数据库之间的大批量数据传递
  • [ Linux 长征路第五篇 ] make/Makefile Linux项目自动化创建工具
  • [ vulhub漏洞复现篇 ] ECShop 2.x / 3.x SQL注入/远程执行代码漏洞 xianzhi-2017-02-82239600
  • [2544]最短路 （两种算法）（HDU）
  • [ArcPy百科]第三节： Geometry信息中的空间参考解析
  • [BT]小迪安全2023学习笔记（第29天：Web攻防-SQL注入）