小程序上拉触底节流处理

原理:

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

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

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

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

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

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

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

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

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

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

相关推荐
EatFan12 小时前
Java接入支付宝 JSAPI 支付保姆教程(二):流程讲解与前后端代码讲解
前端·spring boot·后端·微信小程序·小程序·uni-app
m0_587383002 天前
折扣卡CPS系统源码的技术架构与实战开发指南
人工智能·小程序·数据挖掘·系统架构·需求分析
2501_915106322 天前
苹果App Store上架费用及流程全面解析
android·ios·小程序·https·uni-app·iphone·webview
T01156182 天前
全栈项目实战手记|艺培场馆课时预约小程序全项目开发历程完整复盘总结
运维·服务器·小程序
lhldsg2 天前
多商户团购系统源码:技术架构选型与二次开发实战指南
java·小程序·架构
2601_949950632 天前
一套小程序,解决资料整理、在线刷题和错题复盘
人工智能·小程序·刷题·练习·小程序推荐
白远山2 天前
智慧场馆解决方案小程序系统开发实战与架构设计指南
java·开发语言·小程序·架构
Rooting++3 天前
小程序{{ }}和vue{{ }}语法的区别
前端·vue.js·小程序
博、、3 天前
折扣卡CPS系统源码实战开发指南:从架构设计到落地部署全解析
小程序·需求分析
lhldsg3 天前
折扣卡CPS小程序定制全流程实战指南:从需求分析到上线部署
java·前端·小程序