element-ui实现表格跨页选择

1、给table加上row-key属性

<el-table :data="tableData" style="width: 100%" row-key='id'>
</el-table>

2、打开reserve-selection

<el-table :data="tableData" style="width: 100%" row-key='id'>
    <el-table-column type="selection" reserve-selection width="55"> </el-table-column>
</el-table>

3、监听selection-change事件 

<el-table :data="tableData" style="width: 100%" row-key='id' @selection-change='handleSelectionChange'>
    <el-table-column type="selection" reserve-selection width="55"> </el-table-column>
</el-table>
 
data() {
    return {
        multipleSelection: []
    }
}
 
methods: {
    handleSelectionChange(val) {
        this.multipleSelection = val;
    },
}