釘釘小程序—實現下拉刷新功能

第一步：開啟下拉刷新事件

需要在頁面對應的.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())
      }
    })
  }

});