在使用vuex对进行数据处理时,报以下错误
Computed property “XXX” was assigned to but it has no setter.
组件中v-mode=“XXX”,XXX时state里面的变量
报错原因是vuex时单向流而v-model是双向流,在computer中可以通过get获取值但无法用set改变值,
vuex官网中提供表格操作的处理方式
https://vuex.vuejs.org/zh/guide/forms.html
<input v-model="message">
computed: {
message: {
get () {
return this.$store.state.obj.message
},
set (value) {
this.$store.commit('updateMessage', value)
}
}
}
mutations: {
updateMessage (state, message) {
state.obj.message = message
}
}