已分配计算属性，但它没有设置器

Question

使 myVal 工作的正确语法/钩子是什么？

我的代码如下所示：

<v-item-group v-model="myVal" ...

import { mapActions, mapGetters } from 'vuex'; 
export default {
  computed : {
     ...mapActions({
       myVal: 'myModulePath/setMyVal'
     }),
     ...mapGetters({
       myVal: 'myModulePath/getMyVal'
     }),
  },
}

商店的样子：

actions: {
  setMyVal({commit}, value){commit('someMutation',value);}
getters: {
  getMyVal: state => { return state.myVal;}

我不确定如何连接它，以便“设置器”工作并且错误消息消失。

我也试过了，没用：

...mapState('myModulePath', ['myVal']) 

Answer 1

您需要定义一个computed with a get and a set function。也许：

export default {
  computed : {
     myVal: {
        get() { return this.$store.getters.getMyVal; },
        set(newValue) { this.$store.dispatch('setMyVal', newValue); }
     }
  },
}

Answer 2

你需要告诉 vue 组件当计算属性被赋予一个新值时要做什么

computed: {
     myVal: {
        get: () => this.$state.store.getters.myModulePath.getMyVal,
        set: (value) => this.$state.commit('someMutation', value )
    }
  }

请注意，我使用的是 setter 而不是 action。在计算属性设置器中使用操作是个坏主意，因为操作通常是异步的，并且可能会导致稍后尝试调试计算属性时头疼。