微信小程序 首页产品列表懒加载

微信小程序 首页产品列表懒加载

效果

核心函数 onreachBottom

onreachBottom和onLoad以及onShow一样，都属于小程序的生命周期事件，作用就是在页面下拉到底部时触发这个事件。常用于列表数据较多的时候做分页使用。

开始使用

假定我们现在做一个产品查询;这个列表数据使用getList()这个函数来获取数据;当然的是 这个列表接受两个参数:分别是页数(pageNumber)和每页的大小(pageSize)。例如我们查询第一页的时候就是pageNumber=1&pageSize=10;代表的就是每页展示10条数据。那么查询第二页的时候就是
pageNumber=2&pageSize=10;

优化 判断是否还有数据

虽然在之前的数据中我们可以无限的进行查询 但是数据总是有为空的时候 所以这个时候我们就要对这个数据进行一个判断。