unknown mutation type: plan/SET_PLAN_INFO 以及多种方式调用分模块的mutaion

本文探讨了在使用Vuex进行状态管理时如何正确配置命名空间,并介绍了不同方式调用mutation的方法,包括直接调用及利用mapMutations进行映射。

通过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 'vuex'

      在方法中 具体引入要调用的具体 mutation,将mutation映射成别名,调用的时候直接调用别名

       1)直接映射

     

      2)分模块映射

      

       具体调用就是 this.setPlanInfo(***)

 

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值