个人猜测是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...
element-plus el-dialog使用v-loading指令失效 目前解决方法是使用实例,效果是整个dialog模块存在loading,包括header,footer,内容和右上关闭按钮 // html<el-dialog v-model="dialogVisible"custom-class="demo"@opened="initDialog">1111</el-dialog>// tsconstinitDialog= () => {// 用服务生成一个el-loading...
我简单说下我解决这个问题的过程,先是debug,在控制台确认wdnmd的值确实被修改为true,我便开始怀疑不是我个人的问题,于是我开始上网搜索,网上的答案都试过,没有用后,进入element-plus官网,找到对应的el-dialog用法,将官方的模板在自己的电脑上跑一下,然后依次对比错误的代码,就是改一段测一段,最后找到了这个问题。
修改dialog组件样式必须在非scoped环境下,再加一个style标签,并给需要加的dialog一个类名eg:createDialog<style lang="scss" scoped> ... </style> <style lang="scss"> .createDialog{ .el-dialog__body { padding: 0; } .el-dialog__header { padding: 0; } } </style>...
:deep(.el-dialog) { margin: 0; } 接着看效果 明显已经贴到边上了 接下来 因为.el-overlay-dialog包含.el-dialog 如果相居中可以为.el-overlay-dialog设置 :deep(.el-overlay-dialog) { position: absolute; display: flex; justify-content: center; ...
在elementPlus中设置的top代码最后也生成了,为什么不起作用呢???怎么改都不行。。我直接给<el-dialog加入class写样式也没管用。 下面的代码"--el-dialog-margin-top:100px; --el-dialog-width:400px;"中--el-dialog-width:400px起作用了,el-dialog-margin-top:100px确没有起作用。
同遇到，不放在弹层里就没有问题
<el-dialog v-model="showDialog" > <div v-loading="showLoading"> i am not loading </div> </el-dialog> 👍 1 👎 2 Contributor gjfei commented Mar 18, 2022 这个应该是要element处理一下因为dialog的根组件是teleport导致不能使用指令 Member chenxch commented Mar 18, 2022 • edited I...
\\#\\#\\# 题目描述使用vue+ts+element-plus练习,在使用el-dialog时遇到问题。想法是子组件为el-dialog,父组件调用子组件弹出对话框。因为element-plus中el-dialog的v-model无法赋值为props,即无法直接使用父...