上传者: 38742409
|
上传时间: 2022-06-02 21:26:12
|
文件大小: 143KB
|
文件类型: PDF
本文实例讲述了微信小程序实现页面下拉刷新和上拉加载功能。分享给大家供大家参考,具体如下:
web手机端或App中经常会有下拉刷新,上拉加载这些功能。
微信小程序中如何实现下拉刷新,上拉加载的功能。
实现思路:
1.监听界面的下拉刷新事件和上拉加载事件
bindscrolltolower 监听上拉加载
bindscrolltoupper 监听下拉刷新
2.下拉刷新时清空数据列表,并重新请求数据进行界面展示。
3.上拉加载增量请求数据,增量增加数据列表,增量界面展示
效果图:
实现代码:
WaterFall.wxml:
<!--pages/WaterFall/WaterFall.wxm