比如:这是页面上的个人信息设置功能,点击弹出遮罩层,

头像这里可以继续点击查看,依然是新弹出一个dialog

如果点击继续点击这个预览头像

发现嵌套的遮罩(暗色)挡住了预览的图片

解决方法:

在嵌套的子dialog中添加  :append-to-body='true'
如:
<el-dialog :append-to-body='true'
 :visible.sync="ruleForm.dialogVisible" >
<img width="100%" :src="ruleForm.dialogImageUrl" alt="" />
</el-dialog>

然后就变亮了


爬。