日常记录~

问题说明：在练习element-ui框架的时候，使用el-dialog对话框发现打开弹窗，有遮罩层遮挡。

效果如下：

代码如下：

解决办法：在el-dialog标签中添加

:modal-append-to-body='false'或者:append-to-body='true'

展示如下：

问题分析： 先看element-ui官方解释
文档解释： 大白话翻译，若el-dialog弹出框设置了modal-append-to-body='true'(默认)属性，它的遮罩层就会被插入到body标签中（与图中id为app的div，即组件最外层div同级别）；设置false则与Dialog同级别

modal-append-to-body='true'(默认)或者append-to-body='false'(默认)时，

modal-append-to-body='false'时，

append-to-body='true'时，

补充： el-dialog直接放在组件最外层div中，就不会出现遮罩问题。。