el-dialog遮罩层

使用el-dialog时 遮罩 会挡住窗口

image.png

像这样 :modal='true' 其实这种情况出现的原因就是你的dialog 是放在当前组件中的，如果放body 下则不会有这些情况

这时修改:modal='true' 为:modal-append-to-body="false" 这个是将遮罩加到父元素上 但是这样可能会使遮罩层范围异常 无法全屏覆盖 如下

image.png

此时修改:modal-append-to-body="false"为:append-to-body="true"
将遮罩加到body上 可以完美解决

image.png