您当前的位置: 首页 >  后端

王佳斌

暂无认证

  • 2浏览

    0关注

    821博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

微信小程序 - 页面触底 onReachBottom() 懒加载自动计算分页、检查是否已经请求完全部数据、自动请求接口合并数据(高效自动判断分页懒加载是否继续请求接口数据,超详细触底请求后端示例教程)

王佳斌 发布时间:2022-10-07 21:47:14 ,浏览量:2

前言

如果您需要 uni-app 版本,请访问 这篇文章。

在微信小程序中,可以借助页面触底 onReachBottom 钩子函数完成懒加载,但如何完美优雅且无 BUG 完成懒加载,并不是容易事。

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

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

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

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

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

在这里插入图片描述

完整源码

注意:您需要 更改请求数据的接口

关注
打赏
1665568777
查看更多评论
立即登录/注册

微信扫码登录

0.0429s