这样,你就可以在el-dialog组件上成功添加并控制loading动画的显示与隐藏了。
const mv = ref() // 用于接收 el-dialog 对象 const dialogPanel = ref() // 接收 ElLoading.service对象,用于关闭 Loading // el-dialog 触发 Loading 的函数 function initDialog () { dialogPanel.value = ElLoading.service({ target: mv.value.dialogRef, // el-dialog 对象 text: 'Loading...'...
<el-dialog width="600px":visible.sync="guidebookVisible"v-if="guidebookVisible":close-on-click-modal="false"title="名称"@submit.native.preventv-loading="guidebookloading"element-loading-background="rgba(170, 170, 170, 0.5)"> <div style="margin-top: 20px; text-align: center"> <el-butto...
当v-loading设置fullscreen时,el-dialog模态框会被v-loading的遮罩层遮住,这时候,我用了很多种方法,包括设置z-index等,都没什么作用。调试的过程中发现,如果el-dialog不垂直居中,就不会被遮住。 但我宁愿v-loading不居中,也不想让模态框不居中啊。所以我取消了v-loading的fullscreen,直接用定位让加载图标屏幕居中...
this.loadingInstance.close(); }, 这个问题,尝试过在每次关闭后强行设置this.$refs.xxx.setcurrentrow(-1),但是没效果。 网络上有人说是浏览器自身的行为,需要用到window.selection.getAllRanges()。 思前想后,还是没能在互联网得到满意的结果。
<divv-if="isShowdialogAdd"><el-dialog title="编辑消息" v-loading="loading" :visible.sync="isShowdialogAdd" width="45%" @close='close()'><divclass="dialog-content"><addMessage :addForm="addForm" v-on:dialogLoading="dialogLoading" @ifShowAddDialog="ifShowAddDialog"></addMessage></div...
winstaller组件的配置 config: { name: "xxxxx", //用于控制面板->应用程序中显示 iconUrl: path.join(__dirname, "src", "assets", "favicon.ico"), //安装文件显示 setupIcon: path.join(__dirname, "src", "assets", "favicon.ico"), //安装时的动画,就是这个 loadingGif: path.join(__dirnam...
value = false) } } // 用法 const dialog = createDialog( h(Form, { loading: loading.value, modelValue: model.value, onSubmit: () => execute(model.value).then(() => { dialog.close() emits('refresh') }) }) ) 试过用tsx,也不行 vue.jselement-plus...
row.loading = true; ElMessageBox.confirm("确定删除?", "提示", { type: "warning" }).then(() => { userDel({ userId: row.userId }).then(res => { if (res.data.code == 0) { $table.getTable() } else { ElMessage.error(res.data.msg) ...
details.show = true; //就是下面这个部分,记得选择器最好给Dialog加上class或者id, //因为如果有多个Dialog就会默认选择第一个 this.details.loadingInstance = this.$loading({ target: '.box .el-dialog' }); } } 子组件 //在想要关闭的地方直接调用这个即可 this.data.loadingInstance.close(); 说明 ...