无锡狮子王
无锡狮子王
  • 发布:2021-08-03 19:27
  • 更新:2021-08-04 09:20
  • 阅读:787

#插件讨论# 【 【wxs renderjs实现】高性能的下拉刷新上拉加载组件 - wenju 】上拉加载完所有数据后的触底事件

分类:uni-app

你好, 插件很好用, 但是我现在遇到个问题, 源码也看了好几天了, 但是还是没有解决,求帮助啊!
我用的是 mescroll-uni 局部滚动, 现在我需要监听列表全部加载完毕后滚动到底部的回调该怎么做?目前组件是有下一页的情况下会触发up事件 , 但是加载到最后一页后,滚动到底部监听不到, 配置了:upOption.showNoMore() 也没有回调,这里怎么弄呢? 很急,谢谢

2021-08-03 19:27 负责人:无 分享
已邀请:
wenju

wenju - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

你的问题是说某个接口的分页数据加载完毕之后 还想继续触发upCallback调用其他分页接口 对吧...
那解决方案 很简单

upCallback(page){  
   let hasNext = 第一个接口ApiA是否有数据  
  if(hasNext){  
     // 请求第一个接口ApiA  
    apiA("xxx").then(res=>{  
         this.mescroll.endSuccess(1) // 结束分页写死1,确保一直触发upCallback  
    })  
  }else {  
    // 请求第二个接口ApiB  
    apiB("xxx").then(res=>{  
         this.mescroll.endSuccess(curPageLen, hasNext); // 此处传入正确的值,即可正常结束分页  
    })  
  }  

}  
wenju

wenju - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

<mescroll-uni :up="upOption"  @scroll="scroll"  

upOption:{  
  onScroll: true // 开启监听mescroll-uni滚动事件  
}  

// mescroll-uni滚动事件  
scroll(){  
// 距离底部 this.mescroll.getScrollBottom()  
    console.log('滚动内容高度:'+this.mescroll.getScrollHeight() + ', mescroll高度:'+this.mescroll.getClientHeight() + ', 滚动条位置:'+this.mescroll.getScrollTop() + ', 距离底部:'+this.mescroll.getScrollBottom() + ', 是否向上滑:'+this.mescroll.isScrollUp)  
}

该问题目前已经被锁定, 无法添加新回复