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

  • Z时代
  • 2024-02-07
  • 分类：IT

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

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

回答：

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

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

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

回答：

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

回答：

直接问后端要总数

回答：

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

回答：

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

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

回答：

后端不给数据总条数，怎么做分页？

回答：

我省电网一个设备都几十万条，总数据上亿都能搞得了，他搞不了 搞不了就别搞了，掀桌子

以上是 vue+elementUI怎么实现前端分页？ 的全部内容， 来源链接： utcz.com/p/932826.html

回到顶部