代码之家 › 专栏 › 技术社区 › ekjcfn3902039

计算属性已分配给,但它没有setter

vuex vue.js

ekjcfn3902039 · 技术社区 · 6 年前

什么是正确的语法/钩子,使这个对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;}

我不知道如何连接它,所以“setter”工作,错误消息消失。

我也试过这样做,但没用:

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

2 回复 | 直到 6 年前

jfadich 6 年前

需要告诉Vue组件在为计算属性分配新值时要做什么

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

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

Roy J 6 年前

你需要定义一个 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); }
     }
  },
}

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前