关于上拉加载的问题，我已搜过社区相关帖子，但未能很好解决
发布于 6 年前 作者 xiulan38 12581 次浏览 来自 问答
  • 当前 Bug 的表现

只有滚动条的情况才能触发onReachBottom，所以这个页面的高度我只能设置110vh这样才能有滚动条，很明显这个地方是有瑕疵的，但是我不知道如何解决，因为不这么设置就无法触发，或者就只触发一次

-js 相关代码

onReachBottom:function () {
      console.log('上拉加载')
      if(this.data.flag){
          wx.showLoading({
              title: '已经没有数据了...',
          })
          setTimeout(()=>{
              wx.hideLoading()
          },1500)
          return
      }
      let {options,page}=this.data;
      this.data.page+=1
      this.setData({
          page:this.data.page,
      })
      api.getRents(options.type,this.data.page, (res)=> {
          if(res.data=[]){
              this.setData({
                  flag:true
              })
          }
          console.log(res)
          this.setData({
              rents: this.data.rents.concat(res.data),
          })
      })

如果是样式问题的话 我这里的view 设置百分之100 是不行的，我page同样也设置了百分之百

2 回复

刚开始我也遇到你这种情况，将page中的高度100%去掉，将外层容器的高度设置为100%，就会正常触发上拉事件

不是很理解你的意思，但是我看你标题的话，

上拉加载

有一个生命周期，你可以在那里面实现，但是可能会出现下拉后不上去的情况，所以要拉上去然后就可以再次触发

回到顶部