= 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 20:14:43 浏览: 81
点击编辑按钮时,可以将要编辑的数据传入到弹窗中,通过表单的绑定将数据显示在对应的表单项中。例如,可以在弹窗中添加一个表单,然后将要编辑的数据作为表单的初始值,如下所示:
```html
<el-dialog title="编辑数据" :visible.sync="dialogVisible">
<el-form :model="formData">
<el-form-item label="名称">
<el-input v-model="formData.name"></el-input>
</el-form-item>
<el-form-item label="数值">
<el-input-number v-model="formData.value"></el-input-number>
</el-form-item>
</el-form>
<div slot="footer">
<el-button @click="dialogVisible = false">取消</el-button>
<el-button type="primary" @click="editData">保存</el-button>
</div>
</el-dialog>
```
其中,`formData` 对象是表单数据的绑定对象,可以在 `created` 钩子函数中初始化为要编辑的数据,例如:
```javascript
created() {
this.formData = Object.assign({}, this.editingData);
},
```
这样,当弹窗弹出时,表单中就会显示要编辑的数据的初始值。当用户修改了数据并点击保存按钮后,再将表单中修改后的数据提交到后台进行更新。
阅读全文