element 中table表格多选，翻页或者切换不同数据后保存之前选择的数据并返显选中的状态

解决方案

Element中有一个自带的方法 reserve-selection, 仅对 type=selection 的列有效，类型为 Boolean，为 true 则会在数据更新之后保留之前选中的数据（需指定 row-key）。

<el-table :row-key="getRowKeys" @selectionchange="selectionChange" :data="tableData">
    <el-table-column type="selection" :reserve-selection="true" />
</el-table>

 

• el-table :row-key="getRowKeys" // 行数据的 Key,唯一标识
• el-table-column :reserve-selection="true" // 为 true 则会在数据更新之后保留之前选中的数据

有了上面两个属性，页面会自动记录所有选中的数据。

methods: {
    // 选中的列
    selectionChange(selection) {
        this.checkArr = selection;
    },
    // 确定唯一的key值
    getRowId(row) {
        return row.ID
    }
}