在严格模式中使用Vuex,当用户输入时,v-model会试图直接修改属性值,但这个修改不是在mutation中修改的,所以会抛出一个错误。当需要在组件中使用vuex中的state时, 使用带有setter的双向绑定计算属性。见以下例子(来自官方文档):
//template
<input v-model="message">
//scripte
{
//...其他options
computed: {
message: {
get() {
return;
this.$store.state.obj.message;
},
set(value) {
this.$store.commit("updateMessage", value);
},
},
},
}