解決element ui的z-index問題


文章不易,請關注公眾號 毛毛蟲的小小蠟筆,多多支持,謝謝。

問題

測試發現一個偶現的bug,第一次打開調度配置的頁面,點擊具體時間是能選擇時間的,但關閉后打開其他配置頁面,再回來打開調度配置的頁面,發現點擊具體時間沒反應。

如下截圖所示:
image.png

分析

一開始以為是調度配置頁面組件的狀態問題。
因為具體時間是用了第三方組件,頁面組件是通過v-show方式來顯示隱藏的。所以再次打開后,可能沒把狀態處理好。

但驗證的過程中,突然想到一個問題:第三方組件應該不會有這么低級的bug,還是先看看它的時間選擇div節點在不在。

結果,具體時間雖然點擊沒反應,但時間選擇的div節點還是在的,只是頁面上看不到而已!

原來是el-drawer的層級太高,把時間選擇div節點覆蓋了!

但為啥第一次打開調度配置頁面就沒問題,后面就被覆蓋了呢?

原來是element ui的el-drawer,沒打開一次,z-index都會+1。。。

第一次打開,如下截圖所示:
image.png
image.png

 

第二次打開,如下截圖所示:


詳情 請查看:毛毛蟲的小小蠟筆 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM