小程序中使用loading组件显示正在加载

三步实现小程序loading组件显示正在加载

第一步先在wxml中编写点击事件按钮

<button type="default" bindtap="loadingNav">点击弹出正在玩命加载...</button>

第二步先在wxml中位置上设置loading

<loading hidden="{{loadingHidden}}">
        玩命加载中...
</loading>

第三步在js文件中设置

data: {
    loadingHidden: true//现在data中设置loadingHidden，跟wxml的loading绑定好
  },
methods: {
   activeNav(e) {
     this.setData({
          loadingHidden: false
        });
        var that = this;
        setTimeout(function(){
		     that.setData({
    		     loadingHidden: true
   		     });
   		},1000)
   }
 }