Api-Plaftom: генератор vuetify: проблемы с вложенным объектом

Question

Я использую платформу API и Vuetify Client Generator, который делает потрясающую работу!

Но теперь я застрял с проблемой, которую не могу решить!

Допустим, у меня есть сущность в Symfony, которая имеет отношение многих к одному. Как: Статья с заголовком поля, которая является ссылкой на сущность Label, которая содержит поля en, fr, de, ....

По умолчанию генератор клиента делает v-select, что здорово, но я хочу для непосредственного редактирования значения fr, en, et c. из ярлыка непосредственно в представлении статьи.

Если я пытаюсь это сделать, у меня появляется ошибка: [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() */ }
    }
}