vue2 中el-table中的数据点击修改,根据id去查询的数据,回显到dialog中,有时候数据不能正常展示,比如要展示的是id对应下的name,但是却展示的是id
时间: 2024-03-27 21:35:04 浏览: 209
vue 修改 data 数据问题并实时显示操作
可能是因为你在回显数据时没有正确处理好数据,导致展示的是id而不是对应的name。
你可以尝试在回显数据时,先根据id查询出对应的name,然后再将name展示在dialog中。
具体实现方法如下:
1. 定义一个变量用于存储查询到的name:
```
data() {
return {
...
name: ''
}
}
```
2. 在点击修改时,根据id查询出对应的name,并将其存储在name变量中:
```
edit(row) {
// 根据id查询对应的name
this.name = this.tableData.find(item => item.id === row.id).name;
// 其他操作
}
```
3. 在dialog中展示name变量:
```
<el-dialog>
<span>{{ name }}</span>
...
</el-dialog>
```
这样就可以保证展示的是正确的name了。
阅读全文