1、下拉刷新
启用下拉刷新:全局开启app.json & 局部开启 页面.js
建议采用局部刷新
相关下拉刷新样式可参考微信开放文档
1.1监听页面下拉刷新事件
在页面的.js文件中,通过onPullDownRefresh()函数可以监听当前页面的下拉刷新事件
1.2停止下拉刷新事件
wx:stopPullDownRefresh()可以停止当前页面的下拉刷新事件
2、上拉触底
通过上拉操作,从而加载更多的数据
2.1 在页面的.js文件中,通过onReachBottom()函数可监听页面的上拉触底事件,
通过onReachBottomDistance() (在.json文件中)
3、如何实现节流
连续触底,会进行多次加载
· 1、在data中定义一个isloading节流阀
初始状态设置为false
true正在请求
false没有请求
· 2、在事件处理函数中修改isloading的值
第一次调用事件处理函数时将节流阀设置为true
网络请求后,在complete方法中修改为false
· 3、在onReachBottom中判断节流阀的值,从而对数据请求进行节流控制
if(this.data.isloading) return
true:阻止