ElementUI表格翻页仍保持选中数据及选中状态

最近在用emenetui做项目,遇到了这样一个需求,列表数据选中翻页后继续选择数据,翻页回来需要保持原有的选项及相中效果。然后再网上开始抄作业,五花八门的答案看得眼花缭乱,自己也尝试用自己的方法去实现,困难重重,最后仔细看了看文档,直拍大腿,度娘误我!废话少说,上重点:

其实仔细看文档会发现,el-table上加上属性row-key=“这里我用id,你们随意”,在类型为selection的el-table-column上加上属性reserve-selection="true",这样就能完美解决了,怎么样,是不是很简单,下面是示例代码:

<el-table ref="table" :data="dataList">

    <el-table-column type="selection" :reserve-selection="true" />

    ...

</el-table>

希望能帮到你。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容