vue+el-table勾选框翻页选中状态消失问题
element-ui表格复选框翻页勾选状态选中问题
·
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.测试结果
成功!
更多推荐
已为社区贡献1条内容
所有评论(0)