在mian里引入挂载
import { ElLoading } from "element-plus";
let loading;
let loadingCount = 0;
app.config.globalProperties.showLoading = () => {
if (loadingCount === 0) {
loading = ElLoading.service({
lock: true,
text: "Loading",
background: "rgba(0, 0, 0, 0.7)"
});
loadingCount++;
}
};
app.config.globalProperties.closeLoading = () => {
if (loadingCount <= 0) return;
loadingCount--;
if (loadingCount === 0) {
if (loading) {
loading.close();
}
}
};
组件里使用
proxy.showLoading();
setTimeout(() => {
proxy.closeLoading();
}, 2000);
vue2 main.js