element ui多选表格希望选中数据之后刷新不取消选中
时间: 2023-07-06 07:14:34 浏览: 130
如果你希望在 Element UI 多选表格中选中数据之后刷新不取消选中,可以存储已选中的数据的 key 值或者索引,然后在刷新后重新选中这些数据。
示例代码如下:
```javascript
// 存储已选中的数据的 key 值或者索引
let selectedKeys = this.$refs.multipleTable.selection.map(item => item.key);
// 刷新表格数据
this.loadData().then(() => {
// 重新选中已选中的数据
this.$nextTick(() => {
selectedKeys.forEach(key => {
let row = this.tableData.find(item => item.key === key);
this.$refs.multipleTable.toggleRowSelection(row, true);
});
});
});
```
在以上代码中,我们首先通过 `this.$refs.multipleTable.selection` 获取当前已选中的数据,然后存储它们的 key 值或者索引。在刷新表格数据后,我们通过 `this.$nextTick` 来确保表格已经渲染完毕,然后遍历已选中的数据,通过 `this.$refs.multipleTable.toggleRowSelection` 方法重新选中这些数据。
需要注意的是,如果表格数据发生变化,需要重新调用 `loadData` 方法来刷新表格。同时,在刷新数据之后,我们需要调用 `$nextTick` 方法来确保表格已经渲染完毕,否则可能会导致选中数据失败。
阅读全文