对于element ui分页全选的两种实现

需求:

点击全选后,应该所有记录都被选中,此时用户可以跳转到任何一页去取消某条记录的选中,并且此时再次点击全选后应该再次全选上,此时在所有记录都已经处于选中状态下如果再点击全选,那么清空所有选中。

方法:

方法一:前端分页。

后端将全部数据一次性传给前端,前端拿到数据后,创建数组用于存储每项的选中状态。优点是实现简单,缺点是数据量过大时加载缓慢。


方法二:后端分页,同时存储选中未选中状态。

应开发如下接口:

点击全选按钮后的接口
点击某条记录前面checkbox选框的接口
重置搜索条件应该重置所有选中的接口

同时需要将选中状态存储到缓存中,以用户id为键。

猜你喜欢

转载自blog.csdn.net/qq_34626094/article/details/123500950
今日推荐