1、问题
每次开关dialog,其z-index都会递增,就会导致将对话框外的东西遮住。(例:对话框右侧有两个摄像头,z-index为2020,而dialog的z-index默认为2000,每次开关dialog都会让z-index递增,最后导致摄像头的z-index小于dialog的z-index,导致摄像头的翻页无法点击(被遮住了))
2、解决方案
给dialog设置z-index属性,这样,无论打开关闭多少次,z-index永远为1000,不会递增。
<el-dialog
z-index="1000"
:close-on-click-modal="false"
:modal-append-to-body="false"
</el-dialog>
文章讨论了在前端开发中遇到的一个问题,即每次打开或关闭dialog时,其z-index会递增,最终盖住了对话框外的元素(如摄像头),导致交互失效。提出的解决方案是为dialog固定设置z-index为1000,避免因开关操作引起的z-index增加,从而保持正确的层叠顺序。

2068

被折叠的 条评论
为什么被折叠?



