场景:创建考试题目弹加窗中,点击增考题按钮,弹出增加考题弹框。因此这属于多级弹窗(使用的是Dialog),当出现第一级弹窗时,可以正常关闭开启;当出现第二级弹窗后,第二级弹窗打开后就无法关闭,很明显是出现了蒙版遮罩问题。
效果演示:点击添加考题按钮后,第二级弹框打开,出现蒙层,按钮无法点击
解决方案:
出现蒙版遮罩和层级肯定是有关,但是尝试设置z-index没有任何效果。
参照elementPlus文档Dialog 对话框 | Element Plus
这个属性是关于遮罩层问题的,添加 :append-to-body="true" 后,就解决了遮罩层的问题,可以参照下属性说明来理解下。