微信小程序下拉刷新：onPullDownRefresh正確使用姿式

須要寫一個小程序下拉刷新效果，本覺得應該很簡單的東西，沒想到微信在這個地方有點小坑😜，廢話很少，直接上步驟，手把手教你們怎麼用。

一、須要在.json文件裏設置 "enablePullDownRefresh": true,用於開啓頁面下拉加載效果，能夠當前頁設置也能夠全局設置；

{
    "enablePullDownRefresh": true //當前頁
    "backgroundTextStyle": "dark" //頂部顯示顏色爲深色的三個點
}

or

"window": {
    "enablePullDownRefresh": true //全局
    "backgroundTextStyle": "dark" //頂部顯示顏色爲白色的三個點
  }

二、注意在開發工具中模擬下拉動做時mac觸摸板須要點擊同時下拉才能模擬下拉動做，直接雙指下拉不行；

三、第一設置好後用onPullDownRefresh()函數監聽下拉動做，注意頁面可能已經有默認的onPullDownRefresh()函數存在，須要去重；

/**
  * 頁面相關事件處理函數--監聽用戶下拉動做
  */
  onPullDownRefresh: function () {
 
  }

四、重置頁面初始數據+調用onLoad()函數製做從新加載效果；

onPullDownRefresh: function () {
    var that = this;
    that.setData({
      currentTab: 0 //當前頁的一些初始數據，視業務需求而定
    })
    this.onLoad(); //從新加載onLoad()
  },

五、此時下拉刷新已經ok，可是還能夠再優化下：onLoad()函數開頭時設置wx.stopPullDownRefresh()中止下拉刷新效果，這樣刷新完後就不會繼續顯示那三個點了~(￣▽￣)~。

/**
   * 生命週期函數--監聽頁面加載
   */
  onLoad: function (options) {
    wx.stopPullDownRefresh() //刷新完成後中止下拉刷新動效
    //後面的業務代碼你們自行發揮
  },