这篇文章将为大家详细讲解有关vue使用mapstate时报错的解决方法,文章内容质量较高,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
1. 实践环境
vue 2.9.6
2. 问题描述
如上,我们希望在执行increasecount函数时,给mapstate函数中映射定义的this.count赋值,给该值增加1,结果,提示
[vue warn]: computed property "count" was assigned to but it has no setter.
3. 凯发真人娱乐的解决方案1
如下,把属性“移出mapstate”,然后为属性新增get,set方法,分别用于获取值和改变值(按store状态管理规定的方式)
注意:this.$store.commit("increasecount", val);
中的increasecount方法名称,并不是methods中定义的方法名称,而是store中定义的方法
4. 凯发真人娱乐的解决方案2
通过对比当前属性值和store状态值,然后根据比较结果,决定是否根据store状态管理规则更新状态值。
以上就是vue使用mapstate时报错的解决方法,看完之后是否有所收获呢?如果想了解更多相关内容,欢迎关注本站行业资讯,感谢各位的阅读。