element ui el-dialog弹出组件的遮罩层在弹出层的上面
今天做项目时遇到el-dialog弹出组件的遮罩层在弹出层的上面，网上搜了下 很多都说 给el dialog 加上:modal-append-to-body="false"，，但是有时候会存在页面某些元素没有被 modal 盖上的情况，其实这种情况出现的原因就是你的dialog 是放在当前组件中的，如果放body 下则不会有这些情况，所以最好的方式是 在el-dialog 上添加 :append-to-body="true"，
官方文档的说明：
modal-append-to-body 遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上
append-to-body Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true
版权声明：
作者：东明兄
链接：https://blog.crazyming.com/note/656/
来源：CrazyMing
文章版权归作者所有，未经允许请勿转载。
THE END
二维码
海报
element ui el-dialog弹出组件的遮罩层在弹出层的上面
vue
东明兄
匿名