微信小程序如何實現下拉刷新

咱們在進行微信小程序的開發時，常常遇到須要上拉刷新數據的需求。可能你們都不經意間看到過，當新建一個頁面的時候，原始JS文件中的生命週期函數裏就有實現這個需求的函數。

可是若是直接在裏面寫代碼的話，根本沒法觸發這個函數。我當時也很懵逼，可是看過微信小程序開發文檔後，咱們發現，須要在頁面的json文件中配置一下屬性enablePullDownRefresh的值爲true

還有很關鍵的一點是，若是用onPullDownRefresh這個生命週期函數的話，就必需要寫wx.stopPullDownRefresh來關掉它，否則它會一直處於下拉的狀態。

  onPullDownRefresh: function () {
    wx.showToast({
      title: '下拉加載',
    })
    wx.stopPullDownRefresh({
      success: (res) => {
        
      },
    })
  },

咱們來測試一下代碼的效果

這個操做仍是很實用的，大部分狀況下，咱們都是在onLoad請求並處理數據的，因此能夠在監聽下拉的這個函數裏從新調用一次onLoad函數，以此來從新請求一遍數據，達到刷新頁面的做用。