报错信息为:[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);
}
}
}
... // 多余代码省略
}