Vuetify - 使用 v-text-fields + CRUD 动态创建表单 - v-model 问题

Question

在 Vuetify 项目中，我想动态创建所有必需的字段来执行 CRUD 操作： 我在这里准备了一个工作示例：

https://codepen.io/jslab-it/pen/KKqyBdX

一切正常，但是当我单击编辑按钮时，会出现对话框但未填充字段： 我认为问题在于 v-model 是“计算的”：

:v-model="'editedItem.'+f.name"

实际上是在最后一个字段中，不是生成而是硬编码，因此具有

v-model="editedItem.calories"

该字段会自动填充。

我也尝试使用editedItem 的计算机属性，但没有成功

能否建议是否可行以及正确的路径？

谢谢

Answer 1

您可以使用editedItem[f.name]，这是在js中访问动态属性的标准方式。