微信小程序之分页加载的的案例

发布日期： 2017-09-13 阅读量： 作者： 网络

本篇文章主要介绍了微信小程序分页加载的实例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

整理文档，搜刮出一个微信小程序分页加载的代码，稍微整理精简一下做下分享。

分页加载功能大家遇到的应该会经常遇到，应用场景也很多，例如微博，QQ，微信朋友圈以及新闻类应用，都会有分页加载的功能，这不仅节省了我们用户的流量，还提升了用户体验。那么今天的这篇文章就是介绍微信小程序中如何实现分页加载的功能。照例先上源码及效果图。

源码传送门

要实现这样的功能，一般需要在请求数据时加入当前请求页数，以及页的大小（每页显示的数量）也有一部分接口是通过请求的开始偏移量和结束偏移量请求数据，例如你一页显示10条数据，第一次（第一页）请求即开始start为0结束end是9，第二页就是从10到19，以此类推。

既然要实现分页加载功能，最重要就是下拉以及上拉的处理事件，在微信小程序中已经帮我们封装好了上拉以及下拉的触发事件，如下

/**
 * 页面相关事件处理函数--监听用户下拉动作
 */
 onPullDownRefresh: function () {
 },

 /**
  * 页面上拉触底事件的处理函数
  */
 onReachBottom: function () {
 },

随便看看