我有一个Vuetify开关,它为true
和false
使用v模型。我为couponProgramToggle
使用了计算属性,该属性从商店返回状态。
当我设置为return true
只是为了对其进行测试时,它可以正常工作,但是当我将其设置为return this.$store.getters.isCouponProgramActive;
时,我将遇到一个无限循环,这会导致JS控制台中出现Max Stack错误。
<v-switch v-model="couponProgramToggle"></v-switch>
///
computed: {
couponProgramToggle: {
console.log(this.$store.getters.isCouponProgramActive;) <--- logs to "true"
get () {
return this.$store.getters.isCouponProgramActive;
},
set (value) {
this.$store.commit('toggleCouponProgram', value)
}
},
},
编辑:
state: {
isCouponProgramActive: null
},
getters: {
isCouponProgramActive(state) {
return state.isCouponProgramActive
}
},