[移动开发]微信小程序7——页面事件

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:阻止