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

Posted 2023-02-23

【中文标题】在 Vuex 中使用带有 mapState、mapMutation 的 get/set Computed 属性

【英文标题】：Using get/set Computed property with mapState, mapMutation in Vuex

【发布时间】：2019-02-23 08:44:52

【问题描述】：

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

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？

【参考方案1】：

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