凯发真人娱乐

vue使用mapstate时报错的解决方法 -凯发真人娱乐

2023-12-25

这篇文章将为大家详细讲解有关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时报错的解决方法,看完之后是否有所收获呢?如果想了解更多相关内容,欢迎关注本站行业资讯,感谢各位的阅读。

网站地图