我是靠谱客的博主 贤惠树叶,这篇文章主要介绍在严格模式下使用Vuex时,v-model赋值vuex会报错,现在分享给大家,希望可以做个参考。

报错信息为:[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时内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(114)

评论列表共有 0 条评论

立即
投稿
返回
顶部