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

分类：uni-app

插件讨论

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

2021-08-03 19:27 负责人:无分享

2 个回复

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

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

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

2 个回复

公告

相关问题

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

与内容相关的链接

2 个回复

公告

相关问题

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