网络编程 
首页 > 网络编程 > 浏览文章

在Vue中使用this.$store或者是$route一直报错的解决

(编辑:jimmy 日期: 2024/11/9 浏览:3 次 )

今天在引入路由参数和状态组件的时候发现一直报空找不到,但是我在控制台查看还能找得到

在Vue中使用this.$store或者是$route一直报错的解决

在Vue中使用this.$store或者是$route一直报错的解决

一直超费解,直到我在其他组件单独测试的时候又可以了

这是测试正常的

test1s : function(){
 debugger
 var test1=this.$route.params.num;
 console.log(test1);
 return test1;
 }
getRequest: (val)=> {//改变海黄学堂状态
 debugger
 let thisRoute=this.$store.state.school.state;
 
 if(val){
 switch(val){
  
 }
 }else{
 this.listVal= this.kepu;
 this.$store.state.school.state='kepu';
 }
 return thisRoute;

下边这个是一直失败的

发现不同了么?

这两个下边的使用了ES6的箭头函数结果就一直不成功了

在Vue中使用this.$store或者是$route一直报错的解决

而且又看了一下Vue的API发现人家都已经很明显的提示了!!!

这就是看API不仔细的下场白白耽误了一下午

现在附上API地址 https://vue.docschina.org/v2/api/#methods

上一篇:解决$store.getters调用不执行的问题
下一篇:vue.js的状态管理vuex中store的使用详解
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。