el-table 跨页勾选，保存勾选不同页数据

vue+el-table实现不同分页面保存勾选数据。

如下图

 

具体实现步骤如下：

 1、在el-table中加入:row-key属性，标记勾选的key

        get_row_key(row) {
            // 保证是唯一标识符即可
            return row.id
        },
//js

2、使用@selection-change

        addDisSelect(val) {
            let select = [];  //暂存勾选的数据的id
            val.map(id => select.push(id.id)); //只保留id
            this.disAddSelect = [...select].join(',');//转换为字符串
        },
//js

如此即可在el-table分页切换时，保证所勾选的数据不发生变化。