小程序实现下拉刷新功能_小程序 商店 下拉刷新

.js

 	//下拉刷新
    onRefresh(){
        wx.showNavigationBarLoading(); 
        
        //弹窗
        wx.showLoading({
          title: '刷新中...',
        })
        this.getData();
      },
      
    //网络请求，获取数据
    getData(){
    	wx.request({
            url: '',
            //网络请求执行完后将执行的动作
            complete(res){
                //隐藏loading 提示框
                wx.hideLoading();
                //隐藏导航条加载动画
                wx.hideNavigationBarLoading();
                //停止下拉刷新
                wx.stopPullDownRefresh();
      	  	}
    	})   
    },


	//下拉监听
    onPullDownRefresh: function () {
        console.log("正在下拉刷新");
    	this.onRefresh();
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

.json文件中也要配置

    {
         "enablePullDownRefresh": true
    }
1
2
3