Vuetify v-data-table с действиями CRUD: диалог с динамическими c формами не будет работать с v-моделью - PullRequest
Новая
       49

Vuetify v-data-table с действиями CRUD: диалог с динамическими c формами не будет работать с v-моделью

0 голосов
/ 18 марта 2020

У меня есть V-таблица данных Vuetify с действиями CRUD. Записи таблицы могут быть изменены или удалены с помощью полей формы в диалоговом окне. В отличие от примера из руководства ( Vuetify v-data-table CRUD Actions ) у меня есть генератор форм в диалоговом окне. Но с этим v-модель = "editedItem" не работает. Может быть, кто-то может помочь мне здесь. Для иллюстрации я воспроизвел все это в кодах и коробке. Вот ссылка на песочницу: Мой пример на codesandbox.io

Большое спасибо заранее.

1 Ответ

1 голос
/ 18 марта 2020

У меня проблема. Таким образом, секция данных FormBuilder выполняется только один раз. Так что в первый раз он работает нормально, но во второй раз он не выполняет секцию данных.

Вам необходимо добавить watch в переменную value и снова присвоить данные в formData.

Вы также можете использовать immediate:true

Ex- 

watch: {
  test: {
    immediate: true,
    handler(newVal, oldVal) {
      console.log(newVal, oldVal)
    },
  },
},

Песочница - https://codesandbox.io/s/dreamy-brook-em6lk

...