1.问题
第一页勾选数据,点击翻页后再点击第一页会发现选中的状态勾勾消失,如何保留已选中的状态?
2.解决方法
首先在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” @select-all=”hSelectAll” @select=”hSelect”>
<el-table-column
:reserve-selection=”true”
align=”center” type=”selection” width=”46px” ></el-table-column>
mthods:{
rowKey (row) {
//我这里的唯一是名称,可根据需要打印一下row,查看自己的唯一字段名称
// console.log(row);
return row.DEVICE_NAME
}
}
3.测试结果
成功!
版权声明:本文为upupupcy原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。