vue组件使用vuex中的方法报错，报[vuex]unknown mutation type:xxx的错误

最新推荐文章于 2024-04-24 10:51:55 发布
最新推荐文章于 2024-04-24 10:51:55 发布
阅读量4.5k 收藏 2
点赞数 2
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/World_Mei/article/details/107661566
版权

vuex如果分为几个模块，方法是在模块中的话，如果直接在组件中通过this.$store.commit("方法名")是获取不到，必须要在前面加上模块名，如this.$store.commit("模块名/方法名")才可以获取到。

同理：页面中使用状态量this.$store.commit("模块名/状态量")

World_Mei
关注
专栏目录
Vue常见报错整理 （从此报错不害怕）_vuecompilererror element is missing end tag
2401_84435942的博客
04-29 370
你要问前端开发难不难，我就得说计算机领域里常说的一句话，这句话就是『难的不会，会的不难』，对于不熟悉某领域技术的人来说，因为不了解所以产生神秘感，神秘感就会让人感觉很难，也就是『难的不会』；当学会这项技术之后，知道什么什么技术能做到什么做不到，只是做起来花多少时间的问题而已，没啥难的，所以就是『会的不难』。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】我特地针对初学者整理一套前端学习资料。
vuex中module里面的数据操作总结
小青蛙的博客
10-05 3946
Vuex 使用了 module 后的访问方法： 01 - 如果 使用了 module 和 namespace state 数据:=> this.$store.state.User.info (user 是模块名字. info 是 state 里面的属性名字) getters 数据: => this.$store.getters[‘User/getUserInfo’] (u...
[vuex] unknown mutation type
weixin_57246351的博客
09-14 2268
未知的mutation 类型 [vuex] unknown mutation type: menu/setMenuList 错误原因:vuex模块化不要忘了把响应的模块再导入index.js
vue 组件使用vuex中的mutations方法报错，报unknown mutation type的错误
m0_58017645的博客
07-27 1万+
报错：【vuex】 unknown mutation type: mutation vuex如果分为几个模块，方法是在某个模块中的话，如果直接在组件中通过this.$store.commit('方法名')是获取不到的，必须要在前面加上模块名，如this.$store.commit('模块名/方法名')才可以获取到。 在项目当中，我当前组件的vuex写在store/DataMonitorStore/DataMonitorStore.js里的，所以这里必须加上模块名。 当前组件是sliderBar.vue
解决 Vuex 报错 [vuex] unknown mutation type: XXXX
不知名人士的博客
01-06 6318
页面中这么存值，结果报错了 this.$store.commit('SET_FORM', this.ruleForm) 解决方法：可能项目中 store 是分模块写的，所以在调用模块里的办法时，要在办法名前加上模块名 更改为：this.$store.commit('user/SET_FORM', this.ruleForm) ...
Vuex报错之 [vuex] unknown mutation type: handlePower
明知迷途，从未折返
02-20 2万+
报错截图 相关代码 //--------------------- store.js ----------------- ... const mutation = { handlePower: (state, power) => { state.power = power localStorage.setItem('power', power) } } cons...
[vuex] unknown mutation type:‘‘报错解决方法
wuyongjun0811的博客
06-30 9039
vue项目中，使用this.$store.commit的时候控制台报错
vuex.esm.js:460 [vuex] unknown mutation type:
09-05
- *1* [vue组件使用vuex中的方法报错，报unknown mutation type的错误](https://blog.csdn.net/weixin_44090753/article/details/126954575)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630",...
Vuex 4源码学习笔记 - 通过dispatch一步步来掌握Vuex整个数据流（五）
小帅的编程笔记
11-23 1125
在上一篇笔记中：Vuex 4源码学习笔记 - Store 构造函数都干了什么（四） 我们通过查看Store 构造函数的源代码可以看到主要做了三件事情： 初始化一些内部变量以外 执行installModule来初始化module以及子module， 执行resetStoreState函数通过Vue3的reactive使store的状态实现“响应式”）。 今天我们我们通过官方的购物车示例来查看Vuex内部的工作流程，示例代码在examples/composition/shopping-cart文件夹内 Vu
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
vuex中unknown mutation type:的解决
csdn_hsr的博客
04-26 1万+
页面在使用invoice.js的mutations中方法时需要加上模块名，如图所示。 <script> import {mapState,mapMutations} from 'vuex' export default { data() { return { invoiceData: {} } }, computed: { ...mapState({ picker:state=>state.invoice.picker }),
[vuex] unknown mutation type: XXX/XXX 报错解决方法
Liux- 的博客
08-21 7万+
unknown getter: XXX/XXX 报错解决方法 今天，用vuex中的Module来分割多个模块的时候，碰到了一个bug，今天，跟大家分享一下，先看一下报错内容吧 我的代码结构是这样的 index是主文件，liuxu和test是分割出来的，然后index.js里面引入这两个js 当我调用这两个模块中的mutations的时候，出现上面的报错，我的代码是这样写的 因为分模块了，所以我要调用liuxu或者test下面的mutations，然后就报错了，但是，如过我这样写就没问题this.$
【vuex】控制台报错：unknown mutation type: XXX/XXX
最新发布
m0_63667667的博客
04-24 616
错误原因： 模块内部的 action、mutation 和 getter 是注册在全局命名空间的 ，即多个模块能够对同一 mutation 或 action 作出响应。解决办法：在你的每个模块的前面， 加上。
Vuex报错：unknown mutation type: xxx
牛涵熙的博客
03-02 3991
vuex常见报错
vuex报错 unknown mutation type
热门推荐
萌新不会永远是萌新的博客
03-22 8万+
关于这个报错 是由于自己马虎造成的，并且找了一上午的错才发现- 呜呜呜 我的代码是这样写的 es6对象扩展里有写到 对象里面属性或者方法是可以简写的 ， 所以如果按照我之前的代码 即是 但是vuex并没有mutioins选项，所以导致代码报错了(这个也是我自己的手误写错了的–) 所以看到这里 错误怎么改正已经很明显了 就是 把mutioins 改成 mutation 就好了...
vue组件使用vuex中的方法报错，报unknown mutation type的错误
weixin_44090753的博客
09-20 2929
vuex报错
uni-app中的接口调用方式总结
World_Mei的博客
05-04 9591
以通过调取接口获取轮播图数据为例： <template> <view> <swiper> <swiper-item v-for="(item,index) in carouselData" :key="index"> <image :src="item.url"></image> </swipe...
Vue-为对象和数组新增属性 this.$set()
World_Mei的博客
05-06 7587
问题描述：vue的data里边是已经声明或者赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性或者操作数组元素，如果更新此属性的值，是不会更新视图的。 如下列代码： <template> <div> <ul> <template v-for="item in userInfo"> ...
vue 以新窗口打开外部链接
World_Mei的博客
09-04 5737
功能：在表格中单击查看按钮打开外部链接 js部分： viewDetail(row) { window.open(row.wurl,'_blank'); // row中的数据是表格scope.row 由后台接口返回 },
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值