下拉刷新

扫码体验:img.jpg

onPullDownRefresh

在 Page 中自定义 onPullDownRefresh 函数,可以监听该页面用户的下拉刷新事件。

  • 需要在页面对应的 .json 配置文件中配置 "pullRefresh": true 选项,才能开启下拉刷新事件。
  • 当处理完数据刷新后,调用 my.stopPullDownRefresh 可以停止当前页面的下拉刷新。

示例代码:

pull-down-refresh.json 配置文件中的代码配置如下:

  1. {
  2. "pullRefresh": true
  3. }

Page 中定义 onPullDownRefresh 处理函数:

  1. onPullDownRefresh() {
  2. console.log('onPullDownRefresh', new Date())
  3. }

my.stopPullDownRefresh

停止当前页面的下拉刷新。

示例代码:

  1. Page({
  2. onPullDownRefresh(){
  3. my.stopPullDownRefresh()
  4. }
  5. })

原文: https://docs.alipay.com/mini/api/ui-pulldown