Vue редактируемая форма с интеграцией API - PullRequest
0 голосов
/ 22 апреля 2020

Я создаю динамическую c форму, которая имеет два режима, первый режим - это простая форма отправки Add-item, здесь у меня нет проблем с сохранением формы данных в data () {}, так как она всегда будут пустыми полями.

Моя проблема здесь в части повторного использования, где вы сможете редактировать уже добавленный элемент. Это требует, чтобы я сделал вызов API для извлечения созданного мною элемента, а затем заполнил форму информацией, поступающей из API, и, поскольку запрос занимает немного времени, я не могу сохранить объект полей формы в data () {}.

fields: {
  name: name ? name : "",
  address: address ? address : "",
  city: city ? city : "",
  region: region ? region : "",
  country: country ? country : "",
},

В идеале мне нужно было бы только определить поля формы, как указано выше, сейчас у меня есть наблюдатель, который проверяет, есть ли у меня элемент в магазине, а затем перезаписывать поля, например это в основном:

this.fields = watcherFields

Но тогда мне нужно дублировать объект моего поля в наблюдателе. Как лучше всего go о таких формах?

Я могу плохо объяснить свою проблему, поэтому не стесняйтесь спрашивать, если у вас есть какие-либо вопросы.

Спасибо

...