如何使用vuex计算的获取方法/设置方法对对象的属性建模?

时间:2018-12-06 11:16:11

标签: vuex v-model

我将表单的编辑状态存储为vuex中的对象。

为了在表单中将其与v模型一起使用,我看过的示例显示为对象中的每个项目创建一个计算的getter / setter,如下所示:

formEditStateName: {
    get()
    {
        return this.$store.state.myModule.formEditState.name;
    },
    set(value)
    {
    this.$store.commit(UPDATE_FORM_NAME, value);
    },
},

这似乎是不必要的冗长。我想做这样的事情,因此表单对象只需要一个计算语句:

formEditState: {
    get()
    {
        return this.$store.state.myModule.formEditState;
    },
    set(value)
    {
        this.$store.commit(UPDATE_FORM, value);
    },
},

但是当我尝试过时,似乎v-model无法跟踪属性更改。

如何在不编写大量样板代码的情况下将vuex状态映射到v模型?

0 个答案:

没有答案