我正在使用[].includes($store.state.propertyvalue)
检查用户选择的值是否在列表中,然后使用v-if
控制其他表单元素是否可见。但是,当设置或更改该值时,这不能正确更新。
我什至尝试将其移动到组件中的计算值(并将this
添加到$store
的前面),但是在那里也无法正确更新。有见识吗?
在我的组件中:
computed: {
paymentNeeded: function() {
return [1,9].includes(this.$store.state.membership_type);
},
},
在我的商店中:
export default new Vuex.Store({
strict: true,
state: {
membership_type: false,
}
},
mutations: {
UPDATE_STATE (state, payload) {
Vue.set(state, payload.name, payload.value);
},
},
在我的代码中,一个选择值1–9的<option>
组成功通过了UPDATE_STATE
(已通过Vue工具检查以监视状态),将值从false
更改为整数