当前位置：网站首页>解决消息通知被el-dialog对话框的遮挡的问题($message、$alert、$notify、$confirm)

解决消息通知被el-dialog对话框的遮挡的问题($message、$alert、$notify、$confirm)

2022-04-22 06:25:00 【全栈小定】

文章目录

1. 原因分析

出现这种情况的原因是因为消息弹窗的层级z-index比对话框低导致的，消息弹窗的z-index一般在2001，而对话框的z-index在3000左右。
解决思路很简单，我们只要把对话框的z-index降低即可，让它显示在消息弹窗下面，所以我们只要把对话框的z-index设为1000左右即可,但不要太低，以免对话框被覆盖。

2. 完美解决

直接在对话框上加

:z-index="1000"

在这里插入图片描述

3. 效果

在这里插入图片描述

版权声明
本文为[全栈小定]所创，转载请带上原文链接，感谢
https://blog.csdn.net/dingdingdandang/article/details/124134553

边栏推荐

猜你喜欢