Vue.js 表单数据绑定：修改功能实现

{ "title": "Vue.js 表单数据绑定：修改功能实现", "description": "本文介绍如何在 Vue.js 中使用 el-table-column 和 el-input 实现一个动态修改功能的表单，并解决修改功能打开表单时，表单字段如何赋值原本的值的问题。", "keywords": "Vue.js, 表单, 数据绑定, 修改功能, el-table-column, el-input, el-select", "content": "<el-table-column label="参数" width="200"><el-input v-model="form.specsName" /><el-table-column label="单位" width="200"><el-input v-model="form.unit" /><el-table-column label="检索" width="200"><el-select v-model="form.search" placeholder="是否支持检索~是否支持检索~"><el-option label="支持" value="1" /><el-option label="不支持" value="0" />这是修改功能的打开表单，表单字段的内容如何赋值原本的值？请帮我改正以下function代码：function openDialog(SpecsItem?: SpecsPageVO) {\n dialog.visible = true;\n console.log('SpecsItem', SpecsItem); //判断有值，是这条的类目id 就是修改 否则undefined就是新增\n if (SpecsItem) {\n dialog.title = "修改规格";\n loading.value = true;\n console.log('SpecsList.value[0]====', SpecsList.value[0]);\n form.specsName = SpecsItem.specsName;\n form.unit = SpecsItem.unit;\n form.search = SpecsItem.search;\n\n // getSpecsForm({ id: specsId })\n // .then(({ data }) => {\n // // Object.assign(formData, data);\n // })\n // .finally(() => {\n loading.value = false;\n // });\n } else {\n dialog.title = "新增规格";\n }\n}