小程序分页加载数据的实现方法

小编给大家分享一下小程序分页加载数据的实现方法，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

// pages/billlist/index.js const app = getApp(); Page({   /*页面的初始数据*/   data: {       page: 1,           loading: false,           loadtxt: '正在加载...',           list: []   },     /*生命周期函数--监听页面加载*/   onLoad: function (options) {       this.setData({         option: options     })         this.getlist();   },     getlist: function () {     app.fetch.newData.result({ API_URL: app.globalData.api + 'getGoldFlowList.do?ipage=' + this.data.page + '&ipagesize=15'}).then(({ data }) => {           if (data.object && data.object.list && data.object.list.length) {             let list = data.object.list;             for (let i = 0; i < list.length; i++) {           list[i].c_create_datetime = app.util.formatDate(new Date(list[i].c_create_datetime));         }                 this.setData({           list: this.data.list.concat(list)         })                 if (this.data.page == data.iTotalPage) {                   this.setData({             loading: true,             loadtxt: '无更多内容'           })         } else {                   this.setData({             loading: false,             loadtxt: '正在加载...'           })         }       } else if (this.data.list.length) {               this.setData({           loading: true,           loadtxt: '无更多内容'         })       } else {               this.setData({           loading: true,           loadtxt: '暂无数据'         })       }     }).catch(e => {           this.setData({         loading: false,         loadtxt: '数据加载异常'       })     })   },   /*页面上拉触底事件的处理函数*/     onReachBottom: function () {       if (!this.data.loading) {         this.setData({         loading: true,         page: this.data.page + 1       })       this.getlist()     }   } })

以上是“小程序分页加载数据的实现方法”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！