前端分页的正确姿势

Posted by Eric Blog on February 24, 2020

前端分页的正确姿势

前言

大部分的分页只需要调用后端接口就能简单的实现,但在最近的项目中遇到一个场景得前端自己实现分页,表格得支持多选,实现前端分页的分页实现其实是非常简单的,只需要简单的数据运算就能实现,最关键也是难点最大的是分页的记忆选中,那么接下来就主要关于分页的记忆选中的实现。

项目背景

beij

tup

该项目中,弹窗的进出门设备得从前面穿梭框的已选择设备中获取,这种需求,后端是无法获得穿梭框的值,所以得前端自身实现分页。

分页记忆选中

本项目的设备可以从任何一页中选择,所以必须实现分页记忆选中。

示例如下:

1
2