第一步,设置 页面上拉触底事件触发时距页面底部距离

  1. // 页面上拉触底事件触发时距页面底部距离
  2. "onReachBottomDistance": 50,

第二步,onReachBottom设置方法

  1. //上拉触底
  2. onReachBottom() {
  3. this.msg += '我到底了;'
  4. },

配合uni-load-more使用案例代码

  1. //下拉刷新
  2. onPullDownRefresh() {
  3. console.log('下拉刷新了1次');
  4. this.page = {
  5. pagenum: 1,
  6. pagesize: 10,
  7. }
  8. this.getList()
  9. uni.stopPullDownRefresh()
  10. },
  11. //上拉触底
  12. onReachBottom() {
  13. //判断是否数量是否大于总页数
  14. let {
  15. pagenum,
  16. pagesize
  17. } = this.page
  18. if (pagenum && pagesize && pagenum * pagesize > this.total) {
  19. this.loadMoreStatus = "noMore"
  20. } else {
  21. this.loadMoreStatus = "loading"
  22. this.page.pagesize += 10
  23. this.getList()
  24. }
  25. },