小程序中的下拉分页的实现

//小程序自带的上拉触底事件onReachBottom
QueryParams={id:'',pagenum:1,pagesize:10}
totalPages=1 
onReachBottom:function() {
    //对当前页码和总页数进行判断，如果当前页码大于等于总页数则提示触底
    if(this.QueryParams.pagenum>=totalPages){
    //编辑提示信息
      wx.showToast({title:'没有更多数据了'})
    } else {
     //页码小于总页数，进行翻页操作，当前页码数量+1,并重新渲染页面
      this.QueryParams.pagenum++
      this.getData()
    }

//注意当重新渲染页面时需要对数组进行拼接而不是直接地重新赋值
getData(){
  const result = wx.request({url:'getData',data:this.QueryParams})
  //得到数据的总数
  let totalNum = result.data.total
  //总页数 = 数据总数/页容量
  this.totalPages = Math.ceil(totalNum/this.QueryParams.pagesize)
  this.setData({
    dataList:[...this.data.dataList,...result]
  })
}