微信小程序实现加载下一页数据（翻页）

微信小程序实现加载下一页数据（翻页）

1.先async实现异步请求数据

获取到的数据如下

2.获取总数据条数

const total=res.total;//获取总条数

3.计算得到这么多条数据该分配的页数

  this.totalPage=Math.ceil(total/this.QueryParam.pagesize);
  //总页数等于总条数除以页容量并向上取整

4.对新旧数据进行拼接，这个方法是真的牛逼

  this.setData({
    goodsList:[...this.data.goodsList,...res.goods]//对新旧数组拼接
  })

5.在onReachBottom方法写逻辑，判断是否超过总页数，未超过则修改data中的页码参数，并再次调用获取数据的方法

onReachBottom(){//向上拉触底函数
  if(this.QueryParam.pagenum>=this.totalPage){
  //如果data中的当前页数大于等于总页数，则没有下一页啦
    wx.showToast({
      title: '没有更多数据了',
    })
  }
  else{//有下一页的话
    this.QueryParam.pagenum++;//页数加一后再次调用方法
    this.getGoodsList();
  }
  }