小程序实现下拉刷新功能

.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();
    }

.json文件中也要配置

    {
         "enablePullDownRefresh": true
    }

你可能感兴趣的:(小程序,前端,微信小程序)