原生小程序分页/上拉加载（通过页面生命周期）

本文主要是介绍原生小程序分页/上拉加载（通过页面生命周期），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

/**

• 页面的初始数据
  */

  data: {// 一页多少条pageSize: 10,// 在第多少页pageNo: 1,// 列表数据list: [],},

// 车辆列表接口

  getList() {getCars({page: this.data.pageNo,pagesize: this.data.pageSize}).then((res) => {console.log(res);// 停止下拉刷新操作wx.stopPullDownRefresh()// 返回有数据时if (res.data.list.length != 0) {// 如果是第一页if (this.data.pageNo == 1) {this.setData({list: res.data.list})} else {// 不是第一页 则要拼接上之前的列表this.setData({list: this.data.list.concat(res.data.list)})}} else {wx.showToast({title: '没有更多数据了！',icon: 'none',duration: 1500})}})},

/**

• 页面上拉触底事件的处理函数
  */

  onReachBottom() {// 页面触底后 页码加一 并调用接口this.setData({pageNo: this.data.pageNo + 1})this.getList()},

这篇关于原生小程序分页/上拉加载（通过页面生命周期）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---