小程序开发上拉加载的实现方法

  介绍

小编给大家分享一下小程序开发上拉加载的实现方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

我现在公司的项目做的是电商的小程序,下拉刷新,官网写的很明确不能与滚动视图同时使用。我是在脑子瓦特的情况下,onReachBottom和滚动视图的bindscrolltolower都用了。经过我的实践,推荐大家用> onReachBottom (), {,,,,,,, let  isPush =, this.data.index,   ,,,,,,,,,,,val =, this.data.inputVal;   ,,,,,,,this.setData ({   ,,,,,,,,,,,isBtnShow:真实   ,,,,,,,}),,,,,,,,,if  (isPush ==1), {,,,,,,,,,,, let  num =, this.data.limitIndex;   ,,,,,,,,,,,this.setData ({,,,,,,,,,,,,,,, limitIndex:, num + 1   ,,,,,,,,,,,})   ,,,,,,,//关于上拉加载的性能优化,,,,,,,,,,,,setTimeout(()=祝辞{   ,,,,,,,,,,,,,,,,,,,//,给后端传下拉刷新的次数+ 1   ,,,,,,,,,,,,,,,,,,,const  data =, {,,,,,,,,,,,,,,,,,,,,,,, limitIndex:, this.data.limitIndex   ,,,,,,,,,,,,,,,,,,,};   ,,,,,,,,,,,,,,,,,,,utils.sendRequest (api.AllGoodsUrl、,数据,this.handleReachBottom.bind(这));   ,,,,,,,,,,,},1500)   ,,,,,,,},,,,,,,,,if  (val  !=, & # 39; & # 39;), {,,,,,,,,,,, setTimeout(()=祝辞{,,,,,,,,,,,,,,,let  num =, this.data.limitIndex;   ,,,,,,,,,,,,,,,,,,,this.setData ({,,,,,,,,,,,,,,,,,,,,,,, limitIndex:, num + 1   ,,,,,,,,,,,,,,,,,,,})   ,,,,,,,,,,,,,,,,,,,//,给后端传下拉刷新的次数+ 1   ,,,,,,,,,,,,,,,,,,,const  data =, {,,,,,,,,,,,,,,,,,,,,,,, limitIndex:, this.data.limitIndex,   ,,,,,,,,,,,,,,,,,,,,,,,,数据:{   ,,,,,,,,,,,,,,,,,,,,,,,,,,,名字:,this.data.inputVal,   ,,,,,,,,,,,,,,,,,,,,,,,}   ,,,,,,,,,,,,,,,,,,,};   ,,,,,,,,,,,,,,,,,,,utils.sendRequest (api.AllGoodsUrl、,数据,this.handleLoadMore.bind(这));   ,,,,,,,,,,,},1500)   ,,,,,,,};   ,,,},

以上是“小程序开发上拉加载的实现方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

小程序开发上拉加载的实现方法