Vue開發中出現對話框被遮罩層擋住問題解決方案

在Vue的開發中，一旦我們用到對話框，經常出現的問題是對話框被遮罩層擋住，無論是Element-UI dialog還是bootstrap的Modal，如下圖所示： 造成這個問題的原因是對話框組件的父元素的position有fixed或者relative值，比較簡單易行的辦法如下： 對於bootstrap Modal需要添加css語句 .modal-backdrop {   z-index : -1

>>阅读原文<<