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

49次阅读

共计 699 个字符,预计需要花费 2 分钟才能阅读完成。

  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()
  }
}

正文完
 0