概述
报错信息为:[Vue warn]: Error in callback for watcher "function () { return this._data.$$state }": "Error: [vuex] Do not mutate vuex store state outside mutation handlers."
在严格模式下使用Vuex时,在v-model属于Vuex的状态下使用可能会有些棘手
<input v-model="message">
import { mapState } from "vuex";
export default {
... // 多余代码省略
computed: {
...mapState(["message"])
}
... // 多余代码省略
}
解决办法
import { mapState } from "vuex";
export default {
... // 多余代码省略
computed: {
message: {
get() {
return this.$store.state.message;
},
set(value) {
this.$store.dispatch("actionChangeMessage", value);
}
}
}
... // 多余代码省略
}
最后
以上就是贤惠树叶为你收集整理的在严格模式下使用Vuex时,v-model赋值vuex会报错的全部内容,希望文章能够帮你解决在严格模式下使用Vuex时,v-model赋值vuex会报错所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复