vuex踩坑分享unknown mutation type:报错

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

当我们把vuex里的东西以模块的形式分好之后我们可以看到Root里有我们写的几个vuex的js文件
在这里插入图片描述

所以当我们commit的时候要注意要加上模块的名字
正确写法：
this.$store.commit(‘project/SET_projectId’, this.projectId)

TSwizzle1327
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
浅谈vuex之mutation和action的基本使用
08-29
本篇文章主要介绍了浅谈vuex之mutation和action的基本使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
VUEX模块化不同模块调用其它模块的mutations报错： [vuex] unknown mutation type: XXX
weixin_45491250的博客
04-13 1378
出现这个报错一般是在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:
qq_43742282的博客
04-22 2188
原始代码 错误原因：mutations中的increment用的小写，Vue建议用大写 解决方法：increment改成INCREMENT就可以了 const store = new Vuex.Store({ state: { counter: 1000 }, mutations: { //方法 increment(state) { state.counter++ }, } )} <div id="app"> ..
vue 使用store报错： [vuex] unknown mutation type: XXX
weixin_42001360的博客
08-10 960
【代码】vue 使用store报错： [vuex] unknown mutation type: XXX。
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:‘‘报错解决方法
wuyongjun0811的博客
06-30 8306
vue项目中，使用this.$store.commit的时候控制台报错
使用vuex出现unknown mutation type: xxx/xxx
SpitFire_Dinosau的博客
08-03 434
使用this.$store.commit('user/clearToken');，由于vuex官网里面所写需要添加。把我第二的代码中的注释取消即可解决问题。
vue组件使用vuex中的方法报错，报unknown mutation type的错误
weixin_44090753的博客
09-20 2812
vuex报错
[vuex] unknown mutation type: CollapseMenu
的博客
04-23 1141
[vuex] unknown mutation type:XXX
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 actions和mutation的异曲同工
10-17
主要介绍了浅谈vuex actions和mutation的异曲同工 ，详细的介绍了actions和mutation的使用和区别，非常具有实用价值，需要的朋友们下面随着小编来一起学习学习吧
vue-vuex中使用commit提交mutation来修改state的方法详解
10-18
今天小编就为大家分享一篇vue-vuex中使用commit提交mutation来修改state的方法详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vuex-mutation-types-builder:Vuex的模块化方法和想法
05-11
安装npm install vuex-mutation-types-builder用法： types.js import MutationTypes from 'vuex-mutation-types-builder'const types = new MutationTypes ( 'LOGIN' , 'LOGOUT' , 'REGISTER' , 'DESTROY')export ...
vuex.esm.js?e4c8:460 [vuex] unknown mutation type: userDoLoginOut
qweasd526的博客
08-01 1658
mapMutation之后发线有错仔细查看自己没有用对。当使用这个辅助函数代表直接往提交了不用在抛给action里面的函数了。
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报错：unknown mutation type: xxx
牛涵熙的博客
03-02 3897
vuex常见报错
[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
热门推荐
萌新不会永远是萌新的博客
03-22 8万+
关于这个报错 是由于自己马虎造成的，并且找了一上午的错才发现- 呜呜呜 我的代码是这样写的 es6对象扩展里有写到 对象里面属性或者方法是可以简写的 ， 所以如果按照我之前的代码 即是 但是vuex并没有mutioins选项，所以导致代码报错了(这个也是我自己的手误写错了的–) 所以看到这里 错误怎么改正已经很明显了 就是 把mutioins 改成 mutation 就好了...
Vue3选项式和组合式生命周期说明
最新发布
weixin_44072254的博客
05-16 510
setup -beforeCreate和created的统称，只在composition里面取消这两个，可以在这里进行数据请求。onUpdated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。updated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。beforeUpdate-更新前，可以在此更改数据。
vuex报错 unknown local mutation type: SET T20VALUE, global type: datamonitor/sET T20VALUE
05-25
这个错误提示是因为你在 Vuex 中定义的 mutation 的类型字符串有误。 首先，Vuex 中的 mutation 必须使用常量来表示，而不是字符串。 其次，你的错误提示中有一个小写的 `sET`，这可能是一个拼写错误。 最后，你...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值