unknown mutation type:

最新推荐文章于 2024-04-24 10:51:55 发布
最新推荐文章于 2024-04-24 10:51:55 发布
阅读量1.7w 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端 文章标签： vue.js javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_38270306/article/details/120289963
这篇博客主要讨论了在Vue.js应用中使用Vuex进行状态管理时遇到的问题。作者提到了在actions中发起异步请求，然后通过mutations提交数据到state，但在index.js和mutations.js中遇到了未定义的mutation类型错误。解决方案包括确保在index.js中正确初始化状态，并在commit时正确指定mutation类型，如果需要，可以加上模块名前缀。此外，还提到了其他文章中建议的尝试方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我这边使用得是vue+element
在这里插入图片描述
vue得状态组成

actions 这个是异步请求 通过异步请求得话 然后在调用 mutations.js

mutations.js 将数据提交到这里 this.$commit(‘test’,testTemp)

index.js 这个是将数据初始化

getters 这个是将 this.$store.getters.test 就能获取到了 testTemp

在这里插入图片描述
写法是这个写法
在这里插入图片描述
最后得原因是因为我这在 index.js 和mutation.js 未定义
在index.js初始化
在这里插入图片描述

在这里插入图片描述
在mutation中定义

到这里报错就解决 unknown mutation type:

其它文章又说到在
this.（美元符号）store.commit(‘reportTplColumns’,[])
在前面加模块名称 都可试试
this.（美元符号）store.commit(‘reportTplColumns’,[])

this.$store.commit()

unknown mutation type: plan/SET_PLAN_INFO 以及多种方式调用分模块的mutaion
chpswg的专栏
10-28 599
通过module分类管理 store时 调用mutation 出现错误 原因：export 时命名空间写错，应该是namespaced:true，只有命名空间公开，才能用plan/SET_PLAN_INFO来调用 2、页面中调用时，有多种调用方式 a、直接调用this.$store.commit(‘plan/SET_PLAN_INFO’) b、引入mapMutations 在需要调用的组件import{mapGetters,mapMutations}from'vue...
vuex报错unknown mutation type:
qq_43742282的博客
04-22 2893
原始代码 错误原因：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: XXX/XXX
m0_63667667的博客
04-24 1360
错误原因： 模块内部的 action、mutation 和 getter 是注册在全局命名空间的 ，即多个模块能够对同一 mutation 或 action 作出响应。解决办法：在你的每个模块的前面， 加上。
unknown mutation type: xx/xx
weixin_52054945的博客
12-28 138
mutations里有几个方法，刚添加一个新的方法，页面使用新的方法报错，这是什么原因？
VUEX模块化不同模块调用其它模块的mutations报错： [vuex] unknown mutation type: XXX
weixin_45491250的博客
04-13 1519
出现这个报错一般是在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
weixin_57246351的博客
09-14 2395
未知的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
unknown mutation type: ischangeCityStore
最新发布
11-08
在使用Vuex时，如果报错 "unknown mutation type: ischangeCityStore"，通常意味着你在尝试提交一个未在Vuex store的mutations对象中声明过的操作(`mutation`)。Mutation是Vuex中用于改变状态的一种规定好的、可复用...
unknown mutation type: payload
06-09
在 Vuex 中，当你在提交 mutation 时出现 `unknown mutation type: payload` 的错误提示时，通常是因为你在提交 mutation 时，将 `payload` 作为了 mutation 的 type，导致 Vuex 找不到对应的 mutation。 举个例子...
vuex.esm.js:460 [vuex] unknown mutation type:
09-05
[vuex] unknown mutation type: xxx 的报错是因为在使用 Vuex 的时候，如果没有正确指定模块名，就会导致找不到对应的 mutation。在默认情况下，模块内部的 action、mutation 和 getter 是注册在全局命名空间的，这...
unknown mutation type: login
03-29
As an AI language model, I am not sure what you mean by "unknown mutation type: login". Can you please provide more context or information about the problem?
用常量替代 Mutation 事件类型之在vue组件中提交数据(报错[vuex] unknown mutation type)
I_recluse的博客
04-11 3284
vuex中为了代码看起来简洁清晰，常常使用常量替代Mutation事件类型，但是在vue组件中怎么使用常量执行提交操作，也让我纠结了半天，这里记录下。 那么在vue组件中怎么执行提交操作呢，我的直观想法是这样的： 这样的话会报错:[vuex] unknown mutation type: mutationTypes.SOME_MUTATION1 正确的做法是： mutati...
Vuex报错：unknown mutation type: xxx
牛涵熙的博客
03-02 4227
vuex常见报错
vuex报错：[vuex] unknown mutation type: xxx
wh4834的博客
11-10 856
使用vuex时遇到[vuex] unknown mutation type: xxx，现将我的解决办法分享给大家
[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: SET_TOTAl
喜大普奔
02-18 877
原因：不细心 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:‘‘报错解决方法
wuyongjun0811的博客
06-30 9921
vue项目中，使用this.$store.commit的时候控制台报错
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值