记录vue的bk-table前端分页时checkbox多选问题

记录vue的bk-table前端分页时checkbox多选问题

1、问题描述

用el-table进行前端分页 && 多选时会出现：

第一次选择部分数据后关闭表格
第二次打开表格时出现 “已选数据不被记录” 问题

2、解决

• 使用row-key属性，element的官方文档如下：
  ref
• 示例如下
  1、table添加row-key

2、选择数据后，点击“ 选择”按钮，关闭弹框

把选中数据存到data中，如selectList:[ ]

3、选择数据后，点击“取消”按钮，关闭弹框

(1) 清空现在所选数据
this.$refs.sTable.clearSelection();

(2) 把selectList中数据依次选中
this.selectList.forEach((ele,idx) => {
this.$refs.sTable.toggleRowSeelction(ele,true)
})