小程序上拉触底节流处理

原理:

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

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

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

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

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

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

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

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

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

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

相关推荐
@PHARAOH6 小时前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_18 小时前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
芭拉拉小魔仙10 小时前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
2305_7978820911 小时前
AI识图小程序的功能框架设计
人工智能·微信小程序·小程序
暮雨哀尘12 小时前
微信小程序开发:开发实践
开发语言·算法·微信小程序·小程序·notepad++·性能·技术选型
幽络源小助理13 小时前
微信小程序实验室管理SSM系统设计与实现
微信小程序·小程序
曲江涛1 天前
微信小程序 webview 定位 并返回
微信小程序·小程序
27669582921 天前
美团民宿 mtgsig 小程序 mtgsig1.2 分析
java·python·小程序·美团·mtgsig·mtgsig1.2·美团民宿
web_Hsir1 天前
uniapp 微信小程序 使用ucharts
微信小程序·小程序·uni-app
fakaifa1 天前
beikeshop多商户跨境电商独立站最新版v1.6.0版本源码
前端·小程序·uni-app·php·beikeshop多商户·beikeshop跨境电商