= Object.assign({}, rowData) this.getMbsj() }) }, getTarget() { if (this.formList.indexName == null || this.formList.indexName == '') { this.$message('请选择分项') return false } if (this.itemize == null || this.itemize == '') { this.$message('请选择总量') return false } this.$ajax({ url: '/lims/projectLib/project_item', method: 'post', data: { name: this.formList.indexName, tableData: this.selectedData, }, }).then(res => { if (res.data.code === 200) { this.$message({ message: '添加成功', center: true, type: 'success', }) this.dialogEdittVisible = false this.getList() } else { this.$message({ message: res.data.msg, center: true, type: 'error', }) this.dialogEdittVisible = false } }) },点击编辑按钮时如何显示编辑之前的数据
时间: 2023-07-15 21:14:45 浏览: 200
如果你想在点击编辑按钮时显示编辑之前的数据,可以在打开编辑对话框之前将要编辑的数据存储到一个变量中,然后在编辑对话框中将这些数据显示出来。具体操作如下:
1. 在打开编辑对话框之前,将要编辑的数据存储到一个变量中,例如:
```
// 点击编辑按钮时将要编辑的数据存储到 editData 变量中
editData = Object.assign({}, rowData)
```
这里使用了 `Object.assign()` 方法将 `rowData` 对象的属性复制到一个新对象中,以避免修改 `rowData` 对象时影响到 `editData` 变量。
2. 在编辑对话框中将 `editData` 变量中的数据显示出来,例如:
```
<!-- 编辑对话框中显示编辑之前的数据 -->
<el-form-item label="名称" prop="name">
<el-input v-model="editData.name"></el-input>
</el-form-item>
```
这里使用了 `v-model` 指令将 `editData.name` 绑定到 `<el-input>` 组件上,以实现双向数据绑定。
注意:在编辑完成后,需要将编辑后的数据更新到原始数据中,以保持数据的一致性。可以在保存数据时将编辑后的数据与原始数据合并,例如:
```
this.$ajax({
url: '/lims/projectLib/project_item',
method: 'post',
data: {
name: this.formList.indexName,
tableData: Object.assign({}, this.selectedData, this.editData),
},
}).then(res => {
// ...
})
```
阅读全文