最近在使用element-plus中的Dialog对话框的时候,我放在el-card中,造成了打开对话框的遮罩层无法全屏显示,在github上找很多解决方法,最后在看官方文档的时候,官方有这一个属性
append-to-body | Dialog 自身是否插入至 body 元素上。 嵌套的 Dialog 必须指定该属性并赋值为 true |
这个属性加到el-dialog上即可,然后就可以实现遮罩层全屏遮罩
<el-dialog :append-to-body="true" v-model="dialogBox" width="650px" align-center