小程序 : 实现上拉加载刷新效果_微信小程序 上拉效果

 需求:当用户上拉需要数字进行累加,每次累加三个 ,例如目前是[1,2,3]累加后[1,2,3,4,5,6]

Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    numList: [1, 2, 3]
  },
 
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    wx.showLoading({
      title: '数据加载中...',
    })
 
    //需求 当用户上拉需要数字进行累加,每次累加三个 ,例如目前是[1,2,3]累加后[1,2,3,4,5,6]
    //思路:获取目前数组最后一项 n, n+1 , n+2, n+3 
    setTimeout(() => {
      const lastNum = this.data.numList[this.data.numList.length - 1];
      //定义需要追加的元素
      const newArr = [lastNum + 1, lastNum + 2, lastNum + 3];
      //把最新数组和目前数组进行合并
      this.setData({
        numList: [...this.data.numList, ...newArr]
      })
      wx.hideLoading()
    }, 1500)
  },
 
 
})