vue.js - 使用 CRUD 操作 Vuetify v-data-table：带有动态表单的对话框不适用于 v-model

Question

我有一个带有 CRUD 操作的 Vuetify v-data-table。可以使用对话框中的表单字段更改或删除表格条目。与手册中的示例（Vuetify v-data-table CRUD Actions）不同，我在对话框中有一个表单生成器。但是有了这个 v-model="editedItem" 不起作用。也许有人可以在这里帮助我。为了说明起见，我在代码盒中复制了整个内容。这是沙盒的链接：我在 codesandbox.io 上的示例

提前谢谢了。

Answer 1

我有问题。所以数据部分FormBuilder只执行一次。所以第一次它工作正常，但第二次它没有执行数据部分。

您需要watch在value变量上添加 a 并formData再次分配数据。

你也可以使用immediate:true

前任-

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

沙盒 - https://codesandbox.io/s/dreamy-brook-em6lk