Vuetify - 使用 v-text-fields + CRUD 动态创建表单 - v-model 问题
Vuetify - dynamically create a form with v-text-fields + CRUD - v-model issue
在 Vuetify 项目中，我想动态创建所有必需的字段来执行 CRUD 操作：
我在这里准备了一个工作示例：
https://codepen.io/jslab-it/pen/KKqyBdX
一切正常，但当我点击编辑按钮时，对话框出现但字段未填充：
我假设问题是 v-model 是“计算的”：
:v-model="'editedItem.'+f.name"
实际上在最后一个字段中不是生成的而是硬编码的，因此有
v-model="editedItem.calories"
该字段是自动填充的。
我也尝试过使用计算机 属性 editedItem，但没有成功
是否可以建议正确的路径？
谢谢
您可以使用editedItem[f.name]，这是在js中访问动态属性的标准方式。
在 Vuetify 项目中，我想动态创建所有必需的字段来执行 CRUD 操作： 我在这里准备了一个工作示例：
https://codepen.io/jslab-it/pen/KKqyBdX
一切正常，但当我点击编辑按钮时，对话框出现但字段未填充： 我假设问题是 v-model 是“计算的”：
:v-model="'editedItem.'+f.name"
实际上在最后一个字段中不是生成的而是硬编码的，因此有
v-model="editedItem.calories"
该字段是自动填充的。
我也尝试过使用计算机 属性 editedItem，但没有成功
是否可以建议正确的路径？
谢谢
您可以使用editedItem[f.name]，这是在js中访问动态属性的标准方式。