微信小程序之下拉刷选、上拉加载

import request from '../../utils/request.js'

Page({

  /**
   * 页面的初始数据
   */
  data: {
    settlementList: [],
    page: 1,
    totalPages: 1
  },

  getSettlementList: function (pageNo, override) {
    this.loading = true
    return request('settlement/list?pages=' + pageNo, 'get', {}).then(res => {
      const list = res.data.data.data
      this.setData({
        page: res.data.data.pages,
        totalPages: res.data.data.total_count,
        settlementList: override ? list : this.data.settlementList.concat(list),
        moreLoading: false
      })
    }).catch(err => {
      console.log(err)
    }).then(() => {
        this.loading = false
      })
  },
  
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getSettlementList(1, true)
  },
  
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    if (!this.loading) {
      wx.showNavigationBarLoading()
      this.getSettlementList(1, true).then(() => {
        // 处理完成后，终止下拉刷新
        wx.stopPullDownRefresh()
        wx.hideNavigationBarLoading()
      })
    }
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    if (!this.loading && this.data.page < this.data.totalPages) {
      wx.showLoading({
        title: '玩命加载中',
      })
      this.getSettlementList(this.data.page + 1).then(() => {
        wx.hideLoading();
      })
    }

    if (this.loading && this.data.page <= this.data.totalPages) {
      this.setData({
        moreLoading: true
      })
    } else {
      this.setData({
        moreLoading: false,
        loaded: true
      })
    }
  }
})