el-upload上传后如何改变当前行的数据
时间: 2023-06-27 10:08:05 浏览: 53
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
如果你想在上传文件后更新当前行数据,可以使用 el-table 组件的 `@cell-edit-done` 事件。该事件会在表格单元格编辑完成后触发。
具体实现方法如下:
1. 给 el-table 组件绑定 `@cell-edit-done` 事件,如下所示:
```html
<el-table :data="tableData" @cell-edit-done="handleCellEditDone">
<!--表格列-->
</el-table>
```
2. 在 `handleCellEditDone` 方法中获取当前行的数据,并更新该行数据,如下所示:
```js
methods: {
handleCellEditDone(row, column, cell, event) {
// 获取当前行的索引值
const rowIndex = this.tableData.indexOf(row);
// 更新当前行的数据
this.tableData.splice(rowIndex, 1, row);
}
}
```
在上传文件后,你可以在 `handleCellEditDone` 方法中更新当前行的数据。如果你使用的是类似 `axios` 这样的请求库,你可以在上传成功后再调用 `handleCellEditDone` 方法。
阅读全文