你可以像 Dialog 一样拥有多层嵌套的 Drawer如果你需要在不同图层中多个抽屉,你必须设置 append-to-body 属性到 trueopen TIP Drawer 的内容是懒渲染的,即在第一次被打开之前,传入的默认 slot 不会被渲染到 DOM 上。 因此,如果需要执行 DOM 操作,或通过 ref 获取相应组件,请在 open 事件回调中进行。
需求:我需要一个抽屉,没有遮罩,打开抽屉时还能操作界面其它地方。我尝试使用append-to=".content-section"指定它挂载到其父dom上,另外关闭遮罩:modal="false"。这些生效之后,Drawer外层依然有一层div,而且是fixed样式,这样我就无法点击抽屉以外的地方,求问怎么解决呢? 效果如下: 咳咳 代码如下:...
Nuxt3中使用ElementPlus的消息组件(ElMessage或ElNotification)时,出现z-index异常,导致被遮挡。 背景介绍:我的页面中已经弹出了两个el-drawer组件,此种情况下我需要弹出一个提示信息。无论我是使用ElMessage,还是使用ElNotification都存在相同的问题,就是"遮罩层"给遮挡住 以下写法会出现,被遮挡 // 以下写法会出现,...
需要注意的是, Drawer 默认是从右往左打开, 当然可以设置对应的direction, 详细请参考direction用法 最后,本例还展示了before-close的用法 <el-radio-groupv-model="direction"><el-radiolabel="ltr">从左往右开</el-radio><el-radiolabel="rtl">从右往左开</el-radio><el-radiolabel="ttb">从上往下开<...
| append-to ^(2.8.0) | which element the Drawer appends to. Will override `append-to-body` | ^[string] | body | | lock-scroll | whether scroll of body is disabled while Drawer is displayed | ^[boolean] | true || before-close | ...
需要安装unplugin-element-plus来导入样式。 注释:unplugin-vue-components 和 unplugin-element-plus 都能支持按需导入,建议使用 unplugin-element-plus 就行 // vite.config.tsimport{ defineConfig }from'vite'importElementPlusfrom'unplugin-element-plus/vite'exportdefaultdefineConfig({// ...plugins: [Elemen...
遮罩和下层的内容覆盖在了抽屉之上. 解决办法是修改append-to-body和modal-append-to-body属性,把抽屉插入至 body 元素上,把遮罩插入至抽屉的父元素上,具体代码: 代码语言:javascript 复制 <el-drawer:append-to-body="true":modal-append-to-body="false"></el-drawer> ...
a rendering timing issue, maybe you should make sure the dialog is rendered after the drawer....
append-to2.4.3Dialog 挂载到哪个 DOM 元素 将覆盖append-to-bodystringbody lock-scroll是否在 Dialog 出现时将 body 滚动锁定booleantrue custom-classdeprecatedDialog 的自定义类名string'' open-delaydialog 打开的延时时间,单位毫秒number0 close-delaydrawer 关闭的延时时间,单位毫秒number0 ...
Bug Type: Component Environment Vue Version: 3.4.27 Element Plus Version: 2.7.5 Browser / OS: Chrome 124.0.6367.119 Build Tool: Vite Reproduction Related Component el-drawer Reproduction Link Element Plus Playground Steps to reproduce 无 ...