小程序页面事件

下拉刷新事件

手指在屏幕上下拉滑动，从而执行重新加载页面数据的行为

推荐单独为需要开启下拉刷新的页面开启，而非全局开启

开启下拉刷新

  • 全局开启下拉刷新

在 app.json 中的 window 节点中，设置 enablePullDownRefresh: true

  • 局部开启下拉刷新

在页面的 .json 配置文件中的 window 节点中，设置 enablePullDownRefresh: true

监听下拉刷新事件

通过页面的 .js 文件中的 onPullDownRefresh 函数监听下拉刷新事件，执行函数内的业务逻辑代码

1
2
3
onPullDownRefresh: function() {
 console.log("刷新")
}

停止下拉刷新动画

当触发了下拉刷新事件以后，下拉刷新动画并不会自动关闭，需要我们调用方法进行手动关闭

1
2
3
4
onPullDownRefresh: function() {
 console.log("刷新")
 wx.stopPullDownRefresh()
}

上拉触底事件

手指在屏幕上上拉滑动，从而执行渲染更多数据的行为

监听上拉触底事件

1
2
3
onReachBottom: function () {
 console.log("加载")
}