钉钉小程序—实现下拉刷新功能

第一步：开启下拉刷新事件

需要在页面对应的.json配置文件中配置"pullRefresh": true

第二步：下拉刷新生效的前提

同时，需要在json文件中配置"allowsBounceVertical":"YES"，才能实现下拉刷新的效果

 

{
  "pullRefresh": true,
  "allowsBounceVertical":"YES"
}

 

第三步：处理完数据刷新后，需要停止下拉刷新，（注意：必须要做停止处理，否则会一直显示loading状态，如下图）

Page({
  data: {},
  loadData(){
      //刷新完数据调用停止下拉刷新（此处调用接口的代码就不展示了，接口调通并且成功获取数据后调用）
      this.stopPullDownRefresh();
  }，
  //刷新
  onPullDownRefresh() {
    this.loadData();
  },
  //停止刷新
  stopPullDownRefresh() {
    dd.stopPullDownRefresh({
      complete(res) {
        console.log(res, new Date())
      }
    })
  }

});