在使用elementUI的el-table组件时，遇到多页选择数据回显的问题。当在第一页选择数据后切换页面，之前的选择会丢失。本文介绍了两种解决方案：1) 使用reserve-selection和row-key属性结合，适合高版本elementUI，快速简单；2) 自己手动实现，通过维护已选数组和页面数据匹配，适用于低版本和复杂需求，但代码量较大。
关于el-table的多选，相信只要做过项目的朋友都会用过，这其中有一个坑，是很大概率会踩到的，就是第一页选中了之后，切到第二页选择完之后，切换回第一页发现第一页选择的不见了，怎么办？？？
这个坑，老实说不难，但由于经常碰到，我总结了一下，大概由两种方法。
1. 利用 reserve-selection与row-key结合
使用方法：
1）在表格加上属性 :row-key="(row) => { return row.id }"
row-key绑定一个函数，该函数返回每行数据的唯一标识
2）在多选的column标签加上 :reserve-selection="true"开启
大功告成！是不是很快？
优点：快捷简单方便
缺点：1. elementUI的版本不能太低
最低0.47元/天 解锁文章
扫一扫
978
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
