我正在使用计算属性:category
在由 v-bind 绑定的输入字段中,如下所示:
<select name="Category" :value="category">
<option value="AC">AC</option>
<option value="TV">TV</option>
...
</select>
我有这个计算属性的getter和setter,如下所示:
computed:{
category: {
get () {
return this.$store.state.category
},
set (value) {
console.log("Value of category changed")
this.store.commit("SET_CAT", value)
}
}
}
但是当我更改输入时,setter 不会被调用,我怎样才能实现这一点,或者有什么其他方法可以直接从 HTML 输入字段更改状态变量。
这是小提琴。