本文将简单介绍如何实现微信小程序的下拉刷新
将要使用的api:
- wx.showNavigationBarLoading(Object object)
- wx.showLoading(Object object)
- wx.hideLoading(Object object)
- wx.hideNavigationBarLoading(Object object)
- wx.stopPullDownRefresh(Object object) wx.request(Object object)
1 | //刷新 |
除了在js页面编写响应的逻辑之外,还需要再相应页面的json中写入以下配置,这个配置允许这个页面进行下拉刷新动作
1 | { |
特别需要注意的是:
- 写之前先看看有无已经存在的onPullDownRefresh:function()函数,否则将不能监听到用户的下拉刷新动作
- 注意相关api的配对使用
- 不要忘了在需要刷新结束时调用wx.stopPullDownRefresh(),否则,页面将会保持下拉状态、不会回弹。·
此外,除了下拉刷新,有时候可能是在某个事件进行时触发刷新动作,此时可以调用wx.startPullDownRefresh(Object object) 此api的作用是:“ 开始下拉刷新。调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。”
本文作者:
阿清そ
发布时间: 2020-12-21
最后更新: 2020-12-21
本文标题: 微信小程序实现下拉刷新
本文链接: https://www.aqingya.cn/articl/2cc3b3d9.html
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
发布时间: 2020-12-21
最后更新: 2020-12-21
本文标题: 微信小程序实现下拉刷新
本文链接: https://www.aqingya.cn/articl/2cc3b3d9.html
版权声明: 本作品采用 CC BY-NC-SA 4.0 许可协议进行许可。转载请注明出处!
