javascript - vue中对于后端已经分页好的数据怎么全选？

Question

vue中对于后端已经分页好的数据怎么全选？每次通过vue2的分页组件切换页码都会请求到八条数据，在请求完成之后对每条数据增加一个属性checked=false，点击页面上的全选按钮会将这些数据的checked赋值为true，那么这些数据就被选中，但是只要切换页码，又会重新请求接口。怎么样才能对所有的数据进行全选？

上面是全选按钮和分页组件

Answer 1

思路

1、能想到的就是搞个缓存数组，用户点下一页就push，把用户浏览过数据合并。原理跟移动端的上拉下一页，下拉刷新一个逻辑。前端承担更多代码与逻辑。

2、其实这个存在一个维度认知；

2.1、如果你单独弄个按钮全选/反选，那么需要调接口是对整张数据表全选/反选。
2.2、如果是当前表头中复选框全选/反选，则是对当前分页全选/反选。

3、所以需求中如果用户希望我要全选（选当前我能看到的8个数据）就一般做法。否则直接调接口对整张数据表插入isChecked:true属性或后台返回全选结果给前台做其他操作。

Answer 2

做个数据缓存，中间件缓存数据

Answer 3

那就要前端进行分页了，一次性把后端数据全部拿到，前端进行分页处理。

你有全部数据了，想怎么处理就怎么处理就行了