微信小程序显示加载弹窗(showLoading)的过程中拦截屏幕滑动事件

本文讲述了在微信小程序中使用showLoading显示加载弹窗时,如何有效拦截屏幕滑动事件,强调查阅官方文档的重要性。
摘要由CSDN通过智能技术生成

        这篇文章对于熟悉小程序开发的人或者说熟悉开发文档的人来说简直就是鸡肋,因为没有技术性可言。不过,对于像我这种入门者而且没有多看文档的人来说,多少会有些用,思考再三还是写篇文章记录下好了,没有恶意刷存在感[笑哭.gif]。
        场景是这样的:我的页面中有多条数据需要分页显示,所以就在页面回调方法onReachBottom中处理"上拉加载更多"的逻辑,加载过程中使用wx.showLoading来给用户提示,加载完成以后自动隐藏弹窗,也就是wx.hideLoading。测试中发现,在向服务器请求新数据的过程中,加载弹窗(showLoading)还在显示的时候,用户可以任意的滑动页面,导致在onReachBottom方法里通过给表示页码的字段page加1的方式来请求下一页数据的逻辑混乱。举个例子,当我第一次上拉页面去加载第二页数据时,由于网络请求会有些延迟,所以会在成功前一直显示加载弹窗,如图1.
图1.
这个时候,我不断来回上拉<-->下拉页面,就会不断的触发onReachBottom方法,导致上述的page字段不断的加1,而此时第二页还没请求到呢,但page字段的值可能就已经是3,4,5...了,所以,当第二页数据请求到以后,再去上拉页面打算加载第三页的时候,其实是请求了第四,第五......页的数据。这个问题发现以后我首先想的是像android
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值