在Vue中使用this.$store一直报错

最新推荐文章于 2024-06-11 20:27:55 发布
最新推荐文章于 2024-06-11 20:27:55 发布
阅读量1.3k 收藏
点赞数
分类专栏： vue 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/forebe/article/details/126293971
版权

vue 2.0    。 一直报错。

computed:{
      theme(){

          return this.$store.state.theme;
      }
    }

最后发现是 Vuex 版本问题，原来是  "vuex": "^4.0.2"，

换个版本，重新安装 解决。 npm install vuex@3.6.2 --save

黄宝～
关注
专栏目录
vue中 关于$emit的用法（--父子组件传值--平行组件之间this.$store.commit）
aju90208的博客
03-27 1041
组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。 在说如何实现通信之前，我们先来建两个组件father.vue和child.vue作为示例的基础。 ? ...
在Vue中使用this.$store或者是$route一直报错的解决
10-16
今天小编就为大家分享一篇在Vue中使用this.$store或者是$route一直报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue中使用this.$store或者是$route一直报错
缘丶蓝梦的博客
04-25 6039
今天在引入路由参数和状态组件的时候发现一直报空找不到，但是我在控制台查看还能找得到 一直超费解，直到我在其他组件单独测试的时候又可以了 这是测试正常的 test1s : function(){ debugger var test1=this.$route.params.num; console.log(test1); retu...
一行代码解决vue3+ts中使用this.$store报错找不到‘$store‘
u011075697的博客
08-23 899
之前没认真读vuex的文档，随便看了一下就开始写了，写到一半遇到了ts报错找不到$store的问题（然后自动补全和智能提示也都熄火了，很烦），试了增加各种.d.ts都没用，最后看到文档里面说了，其实可以直接用useStore来访问store……给后来人提个醒，一定要多看文档！
vue中 Error in mounted hook: “TypeError: this.$store.$dispatch is not a function“ 报错问题解决方案
m0_64453243的博客
06-01 2838
vue中 Error in mounted hook: "TypeError: this.$store.$dispatch is not a function" 报错问题解决方案
解决this._data.$$state...“Error: [vuex] do not mutate vuex store state outside mutation handlers.“ 报错
Lora_0925的博客
05-20 2350
今天遇到了这样一个报错： [Vue warn]: Error in callback for watcher "function () { return this._data.$$state; }": "Error: [vuex] do not mutate vuex store state outside mutation handlers."javascript:void(0) 使用场景是这样的： this.$store.commit("business/set_state",
vuex 解决报错this.$store.commit is not a function的方法
10-17
在使用过程中，注意正确导入、注册 store，以及在组件中正确引用 state 和 commit mutation，避免出现 `this.$store.commit is not a function` 的错误。同时，遵循 Vuex 的单一状态树原则，保持状态的集中管理，有...
关于vue3.0中的this.$router.replace({ path: ‘/’})刷新无效果问题
11-21
首先在store中定义所需要的变量可以进行初始化，再定义一个方法，登录成功后A页面，跳转到B页面之前，需要直接调用store中存储数据的方法，全局可以使用 诸如以上所示，该问题，百度了好久，多亏群里大佬。 vue...
忘记把store挂载到全局main.js，就直接使用this.$store.dispatch去调用active里方法出错
m0_73585941的博客
10-15 683
记得去查看main.js中是否挂载了store,没有挂载就会出错。所以去挂载后在执行就好了。
vue2前置路由守卫中使用this.$store.state报错解决
最新发布
weixin_60941411的博客
06-11 602
在vue2是vueRouter前置路由守卫中，this关键字并不会指向vue实例，因此不能使用this.$store来访问vuex，此时会提示。如果在路由守卫中需要访问store，可以直接引用store实例，前提是以及正确的在应用中挂载了vuex store。
this.$store.dispatch() 无法获取到数据是什么情况
alloy_fish的博客
08-31 2195
请问各位大神，有木有出现过这种情况，获取了两个，为啥前面一个数据能看到，而后面的没有呢 详细请看图 。。。
vuex中使用token时$store 一直undefined的问题
m0_59704787的博客
10-30 9383
报错:Cannot read properties of undefined(reading '$store') at eval 错误代码展示： 分析原因： 首先在main.js中对$store进行打印，观察是否真的将store注册到Vue实例中 打印结果: 打印出来后，控制台能对$store进行打印，说明store是存在于vue中的，所以排除vuex安装错误和store没有注册到实例例中的错误。 再观察方法中如何调用store——直接使用this.store，那...
Vuex引入store后 watch等方法失效
循环的命运的博客
03-28 746
做完路由守卫，然后发现页面消失了，情况一： 是router/index.js没有引入store 情况二： Vue和Vuex版本号不匹配，解决方法： npm unintall vuex 然后再下载适配版本就可以了： npm install vuex@3
vue尚硅谷前端项目学习第5个坑和解决方法---组件身上没有$store属性
weixin_45128912的博客
05-16 662
获取数据的时候报，挂载钩子找不到dispatch错误 打印this 发现组件实例身上没有$store属性 百度了一下和回看视频才发现，没有注册全局仓库！！！！ 最后数据终于回来了
vue.extend创建组件的时候无法获取到 $store
weixin_46468143的博客
07-29 2129
当我们中创建一个组件一般都是使用普通的直接引入使用，当我们使用了extend创建的时候会导致一个问题就是组件中要使用this.$storethis.$router这些的时候他都是返回一个undefined的这个时候我们需要给他添加store这些进去即可。...
创建Vuex时没有$store的解决
周百万的博客
01-08 2656
如果你在vue2项目中，所有的配置好了，组件中就是没有$store属性，那么很有可能是安装的vuex插件版本过高。store文件夹下的index.js文件。为什么会出现这个问题呢？vue@3版本对应的是 vue2。vue@4版本对应的是 vue3。vuex安装的版本是最新版本。
解决在VueX中$store‘ is not defined 的方法(亲测有效)
wangzhen12138的博客
08-03 3708
问题如图所示，这个的意思是我们在js中直接调用了$store.state.XXX, 解决办法可以在我们的store前面添加一个this的关键字
安装vuex插件之后，vue实例上添加store属性，打印this.$store为undefined
qq_45803168的博客
06-24 688
vue实例没有$store属性的解决方案
vuex store安装$store不能用问题收集
yu_duan_hun的博客
09-18 3390
我遇到的问题 今天要用这个，然后用cnpm安装了，cnpm install vuex --save,然后用不了this.$store，后面使用了npm又重新安装一次就可以用了。 store使用步骤： 1.src/store目录下建立index.js,并加入如下内容： import Vue from 'vue' import Vuex from 'vuex' // 告诉 vue “使用” vuex...
this.$store.state.routes报错
09-08
this.$store.state.routes报错的原因可能是以下几点： 1. 没有正确引入Vuex：在使用Vuex之前，需要先正确引入并安装Vuex，可以通过在main.js中使用Vue.use(Vuex)进行安装。 2. 路由信息未正确存储在Vuex的state中：在Vuex的state中存储路由信息，需要在mutations中定义对应的mutation方法，用于更新state中的routes属性。 3. this.$store对象未正确注入：在组件中使用this.$store访问Vuex的state，需要确保在Vue实例中正确注入了Vuex，即在Vue的构造函数中加入store属性，指向已创建的Vuex实例。 4. routes属性不存在或未定义：确保在Vuex的state中定义了routes属性，并且初始化为正确的值。 综上所述，解决该报错的关键是正确引入和安装Vuex，确保store对象已正确注入，同时在state中定义并初始化了routes属性。 如仍然无法解决问题，可以通过查看浏览器开发者工具中的控制台输出、调试Vuex相关的代码等方式来进一步排查错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值