个人猜测是Element Plus组件库的v-loading指令不支持el-dialog组件上使用 解决方案1 加一个全局loading,Element Plus组件库不但可以通过v-loading指令实现,也支持以服务的形式实现,关键代码如下: import{ElLoading}from"element-plus";constloading =ElLoading.service({lock:true,text:"数据加载中...",background:"r...
当v-loading设置fullscreen时,el-dialog模态框会被v-loading的遮罩层遮住,这时候,我用了很多种方法,包括设置z-index等,都没什么作用。调试的过程中发现,如果el-dialog不垂直居中,就不会被遮住。 但我宁愿v-loading不居中,也不想让模态框不居中啊。所以我取消了v-loading的fullscreen,直接用定位让加载图标屏幕居中...
我用了另外一种方式,就是通过在父组件中监听isShowdialogAdd的值的变化,再重新对addForm进行复制的方式来触发子组件中mounted钩子函数 <divv-if="isShowdialogAdd"><el-dialog title="编辑消息" v-loading="loading" :visible.sync="isShowdialogAdd" width="45%" @close='close()'><divclass="dialog-content...
You can mount v-loading internally. <el-dialog v-model="showDialog" > <div v-loading="showLoading"> i am not loading </div> </el-dialog> In this case there is no possibility to use the slots Member chenxch commented Apr 1, 2022 You can mount v-loading internally. <el-dialog v...
ElementUI version 1.4.2 el-table v-loading的状态下,打开el-dialog后el-table的loading-mask 会在el-dialog之上: https://jsfiddle.net/vynp2e2b/
methods:{ handleLogin() { this.$store.dispatch("Login",this.loginForm).then(() => { //当登录成功之后，调⽤⽗组件的close⽅法，改变dialogVisible对象的值 this.$emit('close')}).catch(() => { this.loading = false;if (this.captchaOnOff) { this.getCode();} });} } <script> ...
el-dialog 的弹出层应在el-loading-mask之上 What is actually happening? el-loading-mask在el-dialog 的弹出层之上 element-bot changed the title [Bug Report] el-table v-loading的状态下,打开el-dialog z-index的问题 The [Bug Report] el-table v-loading state opens the el-dialog Z-index problem...