el-dialog中el-dialog_wrapper对应的div的z-index递增的问题

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>

猜你喜欢

转载自blog.csdn.net/ABidMan/article/details/130274526