在Vue的开发中，一旦我们使用了对话框，经常会出现对话框被屏蔽层屏蔽的问题，无论是Element-UI对话框还是bootstrap Modal，如下图所示：

出现此问题的原因是对话框组件的父元素的位置具有固定值或相对值。简单易行的方法如下：需要为引导模式添加css语句。模态背景{ z-index :-1；}

至于Element UI，这个组件已经在属性层面提供了解决方案，只需添加： modal-append-to-body=' false '。

摘要

以上是边肖介绍的解决Vue开发中对话框被蒙版层遮挡的解决方案。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！