javascript - 在 Vuex 中使用带有 mapState、mapMutation 的 get/set Computed 属性

Question

我使用名为的 Vuex 模块具有以下计算属性main：

computed: {
  foo: {
    get(){
      return this.$store.state.main.foo;
    },
    set(value) {
      this.$store.commit("main/foo", value);
    }
  }
}

我想使用get/set模式，因为我想使用v-model="foo". 不得不$store直接交谈是非常冗长的。有没有更简单的方法使用mapState，mapMutation甚至createNamespacedHelpers？

Answer 1

我建议您尝试vuex-map-fields模块，它包含一个mapFields帮助方法，可帮助您动态设置 getter 和 setter。