关于微信小程序:微信小程序上滑加载下一页

  1. 首先写了个公共办法publicNextPage,因为别的页面可能也须要上滑加载下一页,所以封装了一下,先引入
const { publicNextPage } = require('../../util/public.js')
  1. 而后页面里监听页面滚动到底部
  onReachBottom() {
      publicNextPage(
        this.data.pageIndex,
        this.data.pageCount,
        (newPageIndex)=>{
          if(newPageIndex){
            this.getList(this.data.pageSize, newPageIndex)
            this.setData({
              pageIndex:newPageIndex
            })
          }else{
            console.log('曾经是最初一页!');
          }
      })
  }
  1. 更新参数后申请列表
getList(pageSize,pageIndex) {
  let param = {
    pageSize,
    pageIndex
  }
  myAjax('getList', 'POST', param, (res) => {
    if (res.list) {
      let newList = this.data.list.concat(res.list) // 连贯数组
      this.setData({
        list:newList,
        pageCount:res.pageCount
      })
    }
  })
}
  1. publicNextPage办法如下:
export const publicNextPage = (pageIndex, pageCount, cb) => {
  pageIndex++
  if (pageIndex < pageCount) {
    cb(pageIndex)
  } else {
    cb()
  }
}

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理