在el-dialog中打开 el-dialog 去掉遮罩层后先打开的el-dialog不能操作
时间: 2024-02-04 16:08:40 浏览: 216
elementui更改el-dialog关闭按钮的图标d的示例代码
5星 · 资源好评率100%
在el-dialog中打开el-dialog后,如果去掉了遮罩层,那么先打开的el-dialog将无法操作。为了解决这个问题,可以在新打开的el-dialog中设置`append-to-body="true"`。这样可以将el-dialog的DOM元素直接添加到body中,避免了嵌套的问题,使得先打开的el-dialog可以正常操作。
具体代码如下:
```html
<template>
<el-dialog title="表单" :close-on-click-modal="false" width="80%" :append-to-body="true" :visible.sync="visible">
<!-- el-dialog的内容 -->
</el-dialog>
</template>
```
这样设置后,先打开的el-dialog就可以正常操作了。
阅读全文