element-ui中el-dialog弹窗嵌套modal遮罩层遮住父级元素

总共四行代码解决问题
父级el-dialog、子级el-dialog同时加上:modal-append-to-body="false"和append-to-body两个属性即可：

<el-dialog
  :modal-append-to-body="false"
  append-to-body
>
  <el-dialog
    :modal-append-to-body="false"
    append-to-body
  >
  </el-dialog>
</el-dialog>

画重点：一定要父级el-dialog、子级el-dialog同时加上
含义：
modal-append-to-body 遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上
append-to-body Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true
详情请参考 element-ui官方文档

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
禁止转载，如需转载请通过简信或评论联系作者。

推荐阅读更多精彩内容