/**
* 重置elementui的初始化loading加载信息
*/
import {Loading} from "element-ui";
import {DeBounce} from "./debounce.js";//防抖函数后续文章介绍
let Loading = "";
let loadingRequestCount = 0;
function startLoading(){
loading = Loading.sevice({
fullscreen:true,
text:"加载中",
spinner:"el-icon-loading",
background:"rgba(0,0,0,0.8)"
})
}
function endLoading(){
loading.close();
}
const tryCloseLoading=()=>{
endLoading();
}
function showFullScreenLoading(){
if(loadingRequestCount == 0){
startLoading();
}
loadingRequestCount++;
}
function tryHideFullScreenLoading(){
if(loadingRequestCount<=0) return;
loadingRequestCount--;
if(loadingRequestCount == 0){
DeBounce(tryCloseLoading(),3000);
}
}
export {
startLoading,
endLoading,
tryCloseLoading,
tryHideFullScreenLoading
}
vue中elementui的初始化loading加载信息
最新推荐文章于 2022-11-17 11:09:27 发布