报错信息为:[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时内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复