【VUE】局部加载loading效果

1.项目使用Vue

2.使用并引入elementUI

使用方法:

1.在需要loading的区域添加v-loading

<div class="main" v-loading="loading">
    内容区域
</div>

2.data中定义变量loading

loading: false,

3.在调用接口时显示loading效果,返回数据后结束

begin(){
    //调用接口
    this.loading = true;
    if (response.code == 200) {
    //成功后隐藏
    this.loading = false;
    }
}

猜你喜欢

转载自blog.csdn.net/liusuihong919520/article/details/131047617