element table多选表格_vue + element-ui Table 的数据多选 多页选择数据回显，分页记录保存选中的数据...

答案

2020-03-30更新【解决思路】

1、翻页回显：在type="selection"列设置 :reserve-selection="true"。

同时在里设置:row-key属性。

.

.

.

ref="multipleTable"

:row-key="getRowKeys"

@selection-change="handleSelectionChange"

.

.

.

type="selection"

:reserve-selection="true"

width="40">

2、选中的数据删除同时原表格里的选中状态也更新。这个可以理解为删除选中数据后是对原表格设置默认选中功能。

toggleRowSelect(rows) {

const _this = this

if (rows.length > 0) {

this.$nextTick(() => {

rows.forEach(row => {

_this.$refs.multipleTable.toggleRowSelection(row, true)

})

})

} else {

this.$refs.multipleTable.clearSelection()

}

},