Vue和Vuex:对v模型使用计算属性

时间:2019-11-22 23:07:33

标签: vue.js vuex

我有一个Vuetify开关,它为truefalse使用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
    }
  },

0 个答案:

没有答案