微信小程序如何实现下拉刷新

咱们在进行微信小程序的开发时，常常遇到须要上拉刷新数据的需求。可能你们都不经意间看到过，当新建一个页面的时候，原始JS文件中的生命周期函数里就有实现这个需求的函数。

可是若是直接在里面写代码的话，根本没法触发这个函数。我当时也很懵逼，可是看过微信小程序开发文档后，咱们发现，须要在页面的json文件中配置一下属性enablePullDownRefresh的值为true

还有很关键的一点是，若是用onPullDownRefresh这个生命周期函数的话，就必需要写wx.stopPullDownRefresh来关掉它，否则它会一直处于下拉的状态。

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

咱们来测试一下代码的效果

这个操做仍是很实用的，大部分状况下，咱们都是在onLoad请求并处理数据的，因此能够在监听下拉的这个函数里从新调用一次onLoad函数，以此来从新请求一遍数据，达到刷新页面的做用。