小程序上拉触底节流处理

原理:

在onReachBottom中进行节流处理,如果当前正在请求下一页的数据,则把后续所有的请求都屏蔽掉,如果当前没有请求任何数据,才允许发起下一页数据的请求。

实现步骤:
  • 在data中定义isloading节流阀

false表示当前没有进行任何的数据请求

true表示当前正在进行数据请求

  • 在获取列表数据方法中修改isloading节流阀的值

在刚调用列表数据方法时降节流阀设置true

在网络请求的complete回调函数中,将节流阀重置为false

  • 在onReachBottom中判断节流阀的值,从而对数据请求进行节流控制

如果节流阀的值为true,则阻止当前请求

如果节流阀的值为false,则发起数据请求

相关推荐
2501_9159184110 小时前
只有 Flutter IPA 文件,通过多工具组合完成有效混淆与保护
android·flutter·ios·小程序·uni-app·iphone·webview
hello kitty w15 小时前
2. 微信开发工具快捷键
小程序
计算机毕设指导615 小时前
基于微信小程序的丽江市旅游分享系统【源码文末联系】
java·spring boot·微信小程序·小程序·tomcat·maven·旅游
1024小神16 小时前
浏览器或小程序限制字体最小12px解决办法
小程序
内存不泄露16 小时前
酒店预订管理平台及小程序
小程序
2501_9159184116 小时前
除了 Perfdog,如何在 Windows 环境中完成 iOS App 的性能测试工作
android·ios·小程序·https·uni-app·iphone·webview
weixin_lynhgworld17 小时前
[特殊字符]短剧小程序开发:开启娱乐新纪元的钥匙[特殊字符]
小程序
qq_124987075318 小时前
基于Spring Boot的“味蕾探索”线上零食购物平台的设计与实现(源码+论文+部署+安装)
java·前端·数据库·spring boot·后端·小程序
m0_4711996319 小时前
【小程序】订单数据缓存 以及针对海量库存数据的 懒加载+数据分片 的具体实现方式
前端·vue.js·小程序
難釋懷19 小时前
微信小程序案例 - 自定义 tabBar
微信小程序·小程序·notepad++