微信小程序实现触底加载

// pages/test/test.js
//引入封装请求路径的模块
const orderApi = require('../../api/order')

//设置当前页数和总页数
var nowPage = 2;
var totalPage;
Page({

  /**
   * 页面的初始数据
   */
  data: {
    waitOrder:[]
  },
  tapPaying: function (options) {
    //初始化
    nowPage = 2
    //查询的方法把查询路径统一封装在orderApi，userOrder是封装的路径名
    //status: "wait", merchant: wx.getStorageSync('user').mId 是参数
    orderApi.userOrder({ status: "wait", merchant: wx.getStorageSync('user').mId }).then((res) => {
      console.log(res)
      //获取总页数
      totalPage = res.data.totalPages
      this.setData({
      //把查询到的值赋给数组
        waitOrder: res.data
      })
    }).catch((err) => {
      console.log(err)
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.tapPaying()
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },
})

<!--pages/test/test.wxml-->
<view class="name" wx:for="{{waitOrder}}" wx:for-key="index" wx:for-item="ev">
   {{ev.customerName}}
   {{waitOrder.length}}
</view>

loadOtherWaitOrder() {
    if(nowPage <= totalPage){
      orderApi.userOrder({ 
        status: "wait", 
        merchant: wx.getStorageSync('user').mId,
        page:nowPage,
      }).then((res) => {
        //每次执行自加1
        nowPage += 1
        let waitOrder = res.data.content
       
        let oldWaitOrder = this.data.waitOrder
        //把获取的新数组和旧的数组合并在一起
        oldWaitOrder = oldWaitOrder.concat(waitOrder)
        this.setData({
          waitOrder: oldWaitOrder
        })
      }).catch((err) => {
        console.log(err)
      })
    }
 },

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