Question

我一直在使用API平台和Vuetify Client Generator，他们的工作非常出色！

但是现在我陷入了一个我无法解决的问题！

比方说，我在Symfony中有一个实体，与另一个实体有许多关系。像：具有字段标题的文章，该文章是指向包含en，fr，de，...字段的Label实体的链接。

默认情况下，客户端生成器会进行v选择，这非常好，但是我想直接在Article视图中直接从Label编辑fr，en等的值。

如果我尝试这样做，则会出现错误：[vuex]请勿在突变处理程序之外对vuex存储状态进行突变。

代码：

<v-text-field
      v-model="values.title.fr"          
      :label="$t('fr')"
/>

但这在同一模板中

<v-text-field
            v-model="item.slug"
            :error-messages="slugErrors"
            :label="$t('slug')"
            @input="$v.item.slug.$touch()"
            @blur="$v.item.slug.$touch()"
            disabled
          />

Answer 1

由于您使用的是v-model，因此无论何时更改输入值，它都会尝试更改状态值。

因此，使用computed属性作为模型并使用set函数进行变异。

模板：

<v-text-field
      v-model="fr"          
      :label="$t('fr')"
/>

脚本：

computed:{
    fr: {
        get(){ return this.values.title.fr; },
        set(value){ /* mutate state using commit() */ }
    }
}

Api-Plaftom：Vuetify Generator：嵌套实体问题

1 个答案: