小程序实现下拉刷新功能

  • Post author:
  • Post category:小程序


.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
    }



版权声明:本文为m0_56685900原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。