[vuex] unknown mutation type: XXX/XXX 报错解决方法
unknown getter: XXX/XXX 报错解决方法
今天,用vuex中的Module来分割多个模块的时候,碰到了一个bug,今天,跟大家分享一下,先看一下报错内容吧
我的代码结构是这样的
index是主文件,liuxu和test是分割出来的,然后index.js里面引入这两个js
当我调用这两个模块中的mutations的时候,出现上面的报错,我的代码是这样写的
因为分模块了,所以我要调用liuxu或者test下面的mutations,然后就报错了,但是,如过我这样写就没问题this.$store.commit(‘changeHeight’),但是如果我这样写,分模块的意义何在,研究了半天,突然看到官方文档,文档说
默认情况下,模块内部的 action、mutation 和 getter 是注册在全局命名空间的——这样使得多个模块能够对同一 mutation 或 action 作出响应。
这时候我明白了,this.$store.commit(‘changeHeight’)是注册在全局命名空间的,如果用this.$store.commit(‘liuxu/changeHeight’) 肯定报错,怎么解决呢,官方说了,你可以通过添加 namespaced: true 的方式使其成为带命名空间的模块,于是,我这样写了
加上namespaced: true的话,当模块被注册后,它的所有 getter、action 及 mutation 我们就可以通过以下方式来写了,例如
this.$store.commit('liuxu/changeHeight') // => liuxu/changeHeight
报错就解决了
[vuex] unknown mutation type: XXX/XXX 报错解决方法相关推荐
- 关于mysql修改密码 set password for root@localhost = password(‘xxx‘);报错解决方法
mysql> SET PASSWORD FOR 'root'@'localhost' = PASSWORD('123456'); ERROR 1064 (42000): You have an ...
- VUEX模块化不同模块调用其它模块的mutations报错: [vuex] unknown mutation type: XXX
cart.js mutations:{delGoods(){ console('删除商品') }} order.js mutations:{createdorder(){ commit('delGoo ...
- [vuex] unknown mutation type: set_userinfo
[vuex] unknown mutation type: set_userinfo #问题 解决办法 一般是vuex状态管理的 mutations: { set_userinfo(state, us ...
- Parsing error: No Babel config file detected for xxx Either disable config file checking...报错解决方法
Parsing error: No Babel config file detected for xxx Either disable config file checking-报错解决方法 使用Vu ...
- dell服务器硬件检测cable,DELL服务器硬件报错解决方法——错误代码寄解决和处理办法...
DELL服务器硬件报错解决方法--错误代码寄解决和处理办法 代码 文本 原因 纠正措施 E1000 Failsafe voltage error. Contact support.(故障保护电压错误. ...
- ThinkPad安装deepin操作系统报错解决方法
ThinkPad安装deepin操作系统报错解决方法 参考文章: (1)ThinkPad安装deepin操作系统报错解决方法 (2)https://www.cnblogs.com/haihua85/p ...
- hive导出数据到本地文件报错解决方法
hive导出数据到本地文件报错解决方法 参考文章: (1)hive导出数据到本地文件报错解决方法 (2)https://www.cnblogs.com/yaopeiyun/p/12232251.htm ...
- Failed to resolve: com.android.support:appcompat-v7:27.+ 报错解决方法
Failed to resolve: com.android.support:appcompat-v7:27.+ 报错解决方法 参考文章: (1)Failed to resolve: com.andr ...
- AndroidStudio EventBus报错解决方法its super classes have no public methods with the @Subscribe
AndroidStudio EventBus报错解决方法its super classes have no public methods with the @Subscribe 参考文章: (1)An ...
最新文章
- 你的响应阻塞了没有?--Spring-WebFlux源码分析
- php 去除图片黑边,C#_c#扫描图片去黑边(扫描仪去黑边),自动去除图像扫描黑边复制代 - phpStudy...
- 会议 | 2019 全国知识图谱与语义大会 (CCKS 2019)
- iis服务器修改内存,修改IIS的虚拟内存
- 怎样用VB获得Windows各类系统目录
- 第八章- 测试并发应用(引言)
- jquery扩展方法的两种形式
- 高等数学(七)- 多元函数微分学(2)【多元函数极值问题】
- Micropython加速物联网开发4 - SPI驱动5110LCD屏
- HTML跳转php没反应的问题解决
- c语言中大写a对应的数字,123456789a
- 不要做全职UP主,除非你非常有钱
- VLAN技术防黑+ vtp域VLAN数据同步
- Win11系统开机黑屏无法显示桌面怎么解决?
- 可汗学院学习总结(一)
- URLDecoder.decode
- [渝粤教育] 山东体育学院 体育教学论 参考 资料
- Java中的除法结果与除数被除数的类型有关
- sizeof的用法详解
- 超链接打不开是什么原因html,超链接打不开是什么原因
热门文章
- matlab绘制动画保存
- 菜刀php教程,中国菜刀的功能介绍和使用方法
- Android实现九宫格图案解锁
- 标题: 连接到服务器 ------------------------------ 无法连接到 DESKTOP-TGC5ASS\HAHA。 ----------------------------
- [转贴]迅雷十年反思
- linux egg,Ubuntu下egg文件的安装与制作
- python子进程kerberos_Python实现Kerberos用户的增删改查操作
- 关于mikefile 萌新用法
- IDEA萌新快速入手教程
- XiaoHu日志 6/17~6/19