我是靠谱客的博主 贤惠树叶,最近开发中收集的这篇文章主要介绍在严格模式下使用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时,v-model赋值vuex会报错所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部