问题场景: 在使用对话框组件时,点击弹出后,遮罩层始终显示在最前面,导致整个页面无法操作。 出现原因 出现这种情况是因为遮罩层的dom元素插入进了body标签底下,标签如下所示: 解决办法 在el-dialog标签里添加一个属性,:modal-append-to-body:false, 让遮罩层插入至dialog的父元素上就OK啦,官方文档如下