一、如何设置微信小程序所有页面都可以下拉刷新呢？

1、在app.json的"window"中进行配置
（1）把"backgroundTextStyle":“light"改为"backgroundTextStyle”:“dark”
（2）添加"enablePullDownRefresh":true，开启下拉刷新。

2、在app.js中增加两个生命周期函数

onPullDownRefresh:function(){
    this.onRefresh();
  },
onRefresh:function(){
    //导航条加载动画
    wx.showNavigationBarLoading();
    setTimeout(function () {
      wx.hideNavigationBarLoading();
      //停止下拉刷新
      wx.stopPullDownRefresh();
    }, 2000);
  },

二、如何设置微信小程序单独页面下拉刷新呢？

1、首先在页面的json文件中添加设置：
“enablePullDownRefresh”: true
也就是写成下面这样子：

{             
  "usingComponents": {},
  "enablePullDownRefresh": true
}

2、在js文件中写一个onRefresh()生命周期：

onRefresh:function(){
    //导航条加载动画
    wx.showNavigationBarLoading()
    //loading 提示框
    wx.showLoading({
      title: 'Loading...',
    })
    console.log("下拉刷新啦");
    setTimeout(function () {
      wx.hideLoading();
      wx.hideNavigationBarLoading();
      //停止下拉刷新
      wx.stopPullDownRefresh();
    }, 2000)
  },

2、在onPullDownRefresh()中调用上面写的函数：

/**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh:function(){
    this.onRefresh();
  },

效果：

这样就可以啦，自己设置刷新时间哦。有疑问请在下方留言。

代码片段：

/**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {
      console.log(1111);
      //在当前页面显示导航条加载动画
      wx.showNavigationBarLoading(); 
      //显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框
      wx.showLoading({
        title: '刷新中...',
      })
      //隐藏loading 提示框
      setTimeout(function () {
        wx.hideLoading()
      }, 500)
      
      //隐藏导航条加载动画
      wx.hideNavigationBarLoading();
      //停止下拉刷新
      wx.stopPullDownRefresh();

      this.riliList(this.data.year,this.data.month)

    },

提到微信小程序的下拉刷新，我们可能首先会想到<scroll-view>中的下拉刷新事件，显而易见这样只满足在<scroll-view>组件。先在我们来看一下onPullDownRefresh下拉刷新功能。详解请见uni-app官网。

onPullDownRefresh

在 js 中定义 onPullDownRefresh 处理函数（和onLoad等生命周期函数同级），监听该页面用户下拉刷新事件。

• 需要在 pages.json 里，找到的当前页面的pages节点，并在 style 选项中开启 enablePullDownRefresh。
• 当处理完数据刷新后，uni.stopPullDownRefresh 可以停止当前页面的下拉刷新。

uni.startPullDownRefresh(OBJECT)

 开始下拉刷新，调用后触发下拉刷新动画，效果与用户手动下拉刷新一致。

uni.stopPullDownRefresh()

 停止当前页面下拉刷新。

示例：

 pages.json

{
    "pages": [
        {
        	"path": "pages/index/index",
        	"style": {
        		"navigationBarTitleText": "uni-app",
        		"enablePullDownRefresh": true
        	}
        }
    ],
    "globalStyle": {
    	"navigationBarTextStyle": "white",
    	"navigationBarBackgroundColor": "#0faeff",
    	"backgroundColor": "#fbf9fe"
    }
}

 index.vue

// 仅做示例，实际开发中延时根据需求来使用。
export default {
	data() {
		return {
			text: 'uni-app'
		}
	},
	onLoad: function (options) {
		setTimeout(function () {
			console.log('start pulldown');
		}, 1000);
		uni.startPullDownRefresh();
	},
	onPullDownRefresh() {
		console.log('refresh');
		setTimeout(function () {
			uni.stopPullDownRefresh();
		}, 1000);
	}
}

 我再开发中的使用：

onLoad() {
	this.goodsList = [];
	const page = {
		curPage: 1,
		pageSize: 10
	}
	this.page = page;
	uni.startPullDownRefresh();
	this.getGoodsList(page);
	this.getSwiper();
},
// 下拉刷新
onPullDownRefresh() {
	this.goodsList = [];
	const page = {
		curPage: 1,
		pageSize: 10
	}
	this.page = page;
	this.getGoodsList(page);
	setTimeout(function () {
		uni.stopPullDownRefresh();
	}, 1500);
},