Vuetify -动态创建一个带有v-text字段+ 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中访问动态属性的标准方式。