el-table勾选框翻页选中状态消失问题

el-table勾选框翻页选中状态消失问题

问题描述

使用el-table时, 第一页勾选数据后，点击翻页后再返回第一页会发现选中的状态会消失，应该是保留住已选中的状态

解决方法

首先在el-table标签中 加上:row-key="rowKey" ,然后在复选框列 el-table-column（type = selection） 加上 :reserve-selection="true" ，重点 row-key 的值唯一，代码如下

 <el-table border height="100%" :row-key="rowKey" :data="stopdata">
   <el-table-column  :reserve-selection="true" type="selection"></el-table-column>
 </el-table>

methods:{
  rowKey (row) {
      //唯一字段名称
      return row.USERID
    }
}