vue+elementUI怎么实现前端分页?

事情是这样的,后端接口每页请求返回10条数据给我,但是没有把数据的总条数返回给我,后端说因为数据量大,统计数据的总条数需要很久,耗接口性能,所以让我前端进行分页。
但是我前端这边需要获取数据总条数才能进行分页,我想请教一下大家,这种情况怎么解决?
可以的话麻烦大家推荐几个相似的案例或者写个小案例给我看一下,麻烦大家了,谢谢

如果第一页有10条,第二页有10条,第三页有5条,后端是想让我把每页请求的数据累加起来作为总数,但是不给我轮询接口,我直接泪目

阅读 2.8k
7 个回答

首先质疑为什么后端 count 一下也会需要很久?千万级别的表也不会超过100ms的好吧。
全部查询给你反而会造成响应超时或者浏览器解析时间过长。


具体实现,可以在 data 里面依旧声明 pageSizepageNum,然后使用 computed 来计算,或者 <el-pagination /> 变更 pageNum 时,触发方法去截取 sourceData 里面对应下标位置的数组。

这种需求前端不是不可以做,而是不需要做。并且可以直接反馈给后端Leader的好吧,不然最后出现问题你得和他一起背锅。

哪有做分页不给总数的,不给总数前端怎么知道分几页呢?很奇怪

直接问后端要总数

建议锤他 不给总数 拿什么去计算页数

:data=tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)

前端可以分 但是 要知道 total
建议怼后端 你让我分可以 总数你后端怎么可能不知道

新手上路,请多包涵

后端不给数据总条数,怎么做分页?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏