Api-Plaftom：vuetify 生成器：嵌套实体的问题

Question

我一直在使用 API 平台和 Vuetify 客户端生成器，他们做得很棒！

但现在我遇到了一个我无法解决的问题。

假设我在 Symfony 中有一个实体，它与另一个实体具有多对一关系。 Like : 带有字段标题的文章是指向包含 en、fr、de、... 字段的 Label 实体的链接。

默认情况下，客户端生成器做一个v-select，很好，但我想直接在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() */ }
    }
}