element loading全屏遮罩
文章描述：
Vue element-ui全屏遮罩Loading效果
element版本在package.json里面查看，下面是Vue的版本和对应的element-ui版本
“vue”: “2.7.13”,
“element-ui”: “2.15.12”,
引入
import { Loading } from 'element-ui';开启
let loadingInstance = Loading.service({ fullscreen: true });关闭
loadingInstance.close();
“vue”: “^3.4.27”,
“element-plus”: “^2.7.4”,
<div v-loading.fullscreen.lock="loading" element-loading-text="加载中..."></div>
export default {
data() {
return {
loading: true
}
},
created() {
setTimeout(()=>{
this.loading = false
},1500)
}
}
发布时间：2025/02/18
发表评论