微信小程序scroll-view实现自定义刷新

微信小程序scroll-view实现自定义刷新@TOC

先说原生页面级的刷新

通常我们可以利用微信小程序的onPullDownRefresh函数（下拉刷新监听函数）和onReachBottom函数（上拉加载监听函数）监听页面的下拉和上拉动态，从而对页面数据进行修改！
1.在页面.json文件声明

   //下拉刷新
    "backgroundTextStyle":"dark",//backgroundTextStyle 设置为 dark 是为了可见下拉时的三个点。。
    "enablePullDownRefresh": true//允许下拉刷新

2.使用onPullDownRefresh()监听用户下拉操作，实现刷新操作；

  onPullDownRefresh(){
    var self = this;
    wx.showToast({
        title:'加载中....',
        icon:'loading'
    });
    setTimeout(() => {
      // 数据成功后，停止下拉刷新
      wx.stopPullDownRefresh();
    }, 1000);
  },

tips：可以通过wx.startPullDownRefresh和wx.stopPullDownRefresh触发和关闭页面下拉刷新；