某些情况下,可能需要等待接口之类的非同步操作返回数据后,再继续操作。此时,可以使用全屏加载组件,来提示用户正在加载数据。
在需要开启全屏加载的位置,放置如下代码:
// 开启全屏加载 const loading = this.$loading({ lock: true, text: '网络不通畅...稍等', spinner: 'el-icon-loading', background: 'rgba(0, 0, 0, 0.7)' });
在需要停止加载时,放置如下代码,注意,此处需要能访问到loading对象
loading.close();