小程序上拉触底节流处理

原理:

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

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

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

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

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

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

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

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

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

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

相关推荐
CRMEB系统商城11 小时前
CRMEB多商户系统(PHP)- 移动端二开之基本容器组件使用
运维·开发语言·小程序·php
沉默-_-14 小时前
微信小程序网络请求 wx.request 详解
网络·学习·微信小程序·小程序
2501_9159090615 小时前
设置了 SSL Pinning 与双向 TLS 验证要怎么抓包
网络·网络协议·ios·小程序·uni-app·iphone·ssl
龙兵科技小付说19 小时前
不同价格的上门做饭小程序APP都有什么功能?
小程序·软件开发·上门做饭
2501_9160074721 小时前
如何查看 iOS 设备系统与硬件信息,iOS系统信息显示工具
android·ios·小程序·https·uni-app·iphone·webview
逆龙泰氽1 天前
微信小程序开发04-1(小程序API)
微信小程序·小程序
说私域1 天前
AI智能名片S2B2C商城小程序在微商中的应用与影响
大数据·人工智能·小程序·流量运营
苏苏哇哈哈1 天前
微信小程序实现高性能动态配置水滴凹槽、凸起Tabbar 组件
微信小程序·小程序
逆龙泰氽1 天前
微信小程序开发03(WXML语法)
微信小程序·小程序
2501_916007471 天前
iOS APP 开发,从项目创建、证书与描述文件配置、安装测试和IPA 上传
android·ios·小程序·https·uni-app·iphone·webview