loading.js

import { Loading } from 'element-ui'let loadingCount = 0
let loadingconst startLoading = () => {loading = Loading.service({lock: true,text: '加载中',background: 'rgba(0, 0, 0, 0.7)'})
}const endLoading = () => {loading.close()
}export const showLoading = () => {if (loadingCount === 0) {startLoading()}loadingCount += 1
}export const hideLoading = () => {if (loadingCount <= 0) {return}loadingCount -= 1if (loadingCount === 0) {endLoading()}
}

使用

import { showLoading, hideLoading } from '@/utils/loading'showLoading()
hideLoading()