vue + vant 组建loading的使用

在代码最后添加loading组建

在data中，定义pageLoading变量

data () {
    return {
      active: 0,
      pageLoading:true,
    };
  },

在methods中，控制loading的显示与隐藏。

tabChange(active){
      this.pageLoading = true;
      this.active = active;
      if(this.active === 0){
        const param = {
          reportId: this.$route.query.Id,
          reportLocation: "2",
        };
        editdetail(param).then((res) => {
          this.pageLoading = false;
          this.content = res.data.content;
          this.praiseFlage = res.data.content.like
        }).catch(err => {
          this.pageLoading = false;
        });
      }
  }

当开始请求之前，让loading变为true显示，当请求成功或者请求失败，变为false隐藏。

效果：