uni-app - 页面上拉触底 onReachBottom() 懒加载自动计算分页、检查是否已经请求完全部数据、自动请求接口合并数据（判断分页懒加载是否继续请求接口数据，超详细触底请求后端示例教程）

前言

如果您需要微信小程序版本，请访问 这篇文章。

在 uni-app 中，可以借助页面触底 onReachBottom 钩子函数完成懒加载，但如何完美优雅且无 BUG 完成懒加载，并不是容易事。

网上很多教程都是页面触底后，直接请求接口，

然后对应 page 页码 +1，啥时候大于总条数就停止请求，仅仅这样是远远不健壮的。

本文从 0-1 提供给您最优的解决方案，您只需要换个后端接口就能直接使用（全端适配），

如下图所示，真实请求后端接口环境，自动分页、自动判断是否到底并与界面关联：

仅写了核心代码与简单样式，方便您观察代码。

完整源码