文章不易,請關注公眾號 毛毛蟲的小小蠟筆,多多支持,謝謝。
問題
測試發現一個偶現的bug,第一次打開調度配置的頁面,點擊具體時間是能選擇時間的,但關閉后打開其他配置頁面,再回來打開調度配置的頁面,發現點擊具體時間沒反應。
如下截圖所示:
分析
一開始以為是調度配置頁面組件的狀態問題。
因為具體時間是用了第三方組件,頁面組件是通過v-show方式來顯示隱藏的。所以再次打開后,可能沒把狀態處理好。
但驗證的過程中,突然想到一個問題:第三方組件應該不會有這么低級的bug,還是先看看它的時間選擇div節點在不在。
結果,具體時間雖然點擊沒反應,但時間選擇的div節點還是在的,只是頁面上看不到而已!
原來是el-drawer的層級太高,把時間選擇div節點覆蓋了!
但為啥第一次打開調度配置頁面就沒問題,后面就被覆蓋了呢?
原來是element ui的el-drawer,沒打開一次,z-index都會+1。。。
第一次打開,如下截圖所示:
第二次打開,如下截圖所示:
詳情 請查看:毛毛蟲的小小蠟筆