vuex报错 unknown mutation type

最新推荐文章于 2023-01-06 11:47:31 发布
最新推荐文章于 2023-01-06 11:47:31 发布
阅读量8.6w 收藏 3
点赞数 4
分类专栏： vue 文章标签： vuex mutions vuex报错 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhai_15733218875/article/details/79651453
版权

这里写图片描述
关于这个报错 是由于自己马虎造成的，并且找了一上午的错才发现- 呜呜呜
我的代码是这样写的
这里写图片描述

es6对象扩展里有写到 对象里面属性或者方法是可以简写的 ， 所以如果按照我之前的代码 即是这里写图片描述

但是vuex并没有mutioins选项，所以导致代码报错了(这个也是我自己的手误写错了的–)
所以看到这里 错误怎么改正已经很明显了 就是 把mutioins 改成 mutation 就好了

萌新不会永远是萌新
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
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 action type: user/login
最新发布
2201_75783970的博客
06-14 390
确保在user模块中正确定义了。
unknown mutation type:
热门推荐
qq_38270306的博客
09-14 1万+
我这边使用得是vue+element vue得状态组成 actions 这个是异步请求 通过异步请求得话 然后在调用 mutations.js mutations.js 将数据提交到这里 this.$commit(‘test’,testTemp) index.js 这个是将数据初始化 getters 这个是将 this.$store.getters.test 就能获取到了 testTemp 写法是这个写法 最后得原因是因为我这在 index.js 和mutation.js 为定义常量##
[vuex] unknown mutation type:‘‘报错解决方法
wuyongjun0811的博客
06-30 8724
vue项目中，使用this.$store.commit的时候控制台报错
vue组件使用vuex中的方法报错，报unknown mutation type的错误
weixin_44090753的博客
09-20 2850
vuex报错
解决 Vuex 报错 [vuex] unknown mutation type: XXXX
不知名人士的博客
01-06 6273
页面中这么存值，结果报错了 this.$store.commit('SET_FORM', this.ruleForm) 解决方法：可能项目中 store 是分模块写的，所以在调用模块里的办法时，要在办法名前加上模块名 更改为：this.$store.commit('user/SET_FORM', this.ruleForm) ...
浅谈vuex actions和mutation的异曲同工
10-17
主要介绍了浅谈vuex actions和mutation的异曲同工 ，详细的介绍了actions和mutation的使用和区别，非常具有实用价值，需要的朋友们下面随着小编来一起学习学习吧
浅谈vuex之mutation和action的基本使用
08-29
浅谈Vuex之mutation和action的基本使用 在Vuex中，mutation和action是两个核心概念，它们之间存在紧密的联系。mutation是改变state的唯一方式，而action则是将mutation commit到store中。 首先， lets talk about ...
vuex 解决报错this.$store.commit is not a function的方法
10-17
当遇到 `this.$store.commit is not a function` 的错误，通常是因为在尝试调用 Vuex 中的 mutation 方法时，没有正确地配置或引用 store。 首先，我们需要确保正确安装了 Vuex。通过运行 `npm install vuex --save...
详解vuex中mutation/action的传参方式
10-18
主要介绍了详解vuex中mutation/action的传参方式，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VUEX模块化不同模块调用其它模块的mutations报错： [vuex] unknown mutation type: XXX
weixin_45491250的博客
04-13 1392
出现这个报错一般是在vueX的js或TS文件内引入了其它的JS文件使用，用以实现分割模块的效果，当我们调用Module内的内容时会出现unknown mutation type: XXX/XXX这种报错，下面看一下结构。 看一下目录结构：index.js是vueX中主文件。在同级新建了liuxu.js与test.js. 下面是将新建的模块文件引入的方式： 当我调用这两个模块中的mutations的时候，出现上面的报错，我的代码是这样写的 因为分模块了，所以我要调用liuxu或者test下面的mutation
vuex踩坑分享unknown mutation type:报错
jduksa的博客
01-06 1354
当我们commit的时候要注意要加上模块的名字。
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
BUG总结
H____16的博客
06-04 469
bug
vuex报错unknown mutation type:
qq_43742282的博客
04-22 2256
原始代码 错误原因：mutations中的increment用的小写，Vue建议用大写 解决方法：increment改成INCREMENT就可以了 const store = new Vuex.Store({ state: { counter: 1000 }, mutations: { //方法 increment(state) { state.counter++ }, } )} <div id="app"> ..
vueX报错 unknown mutation type: SET_TOTAl
喜大普奔
02-18 684
原因：不细心 actions.js 中调用的方法 setTotal ({ commit }, payload) { commit('SET_TOTAl', payload); } mutations中的方法 SET_TOTAL (state, payload) { const { price, type } = payload; switch (type) { case 'PLUS': state.totalPrice += price; state..
[vuex] unknown mutation type: XXX/XXX 报错解决方法
欢迎欢迎
01-10 2693
今天分享一个关于vuex模块开发的小坑，主要还是本人忘记设置一些东西 报这个错的问题主要是因为没有开启带命名空间的模块,你可以正常的直接通过 this.$store.commit()调用 不过这样也就失去了模块化的意义可以通过给模块里添加如下代码开启模块化 export default { namespaced: true,//开启带命名空间的模块 state:{ user:[] }, mutations:{ USER(state,
【Vue】报错解决方法
Qxn530的博客
10-17 848
vue使用vuex中的方法报错，报unknown mutation type的错误；“placement“报错解决方案；
[vuex] unknown mutation type
03-16
[vuex] unknown mutation type 表示在 Vuex 中使用了未定义的 mutation 类型。这通常是由于以下原因之一导致的： 1. 拼写错误：检查 mutation 名称是否正确拼写。 2. 模块化命名空间：如果你使用了模块化命名空间...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值