在Vue的開發中，一旦我們用到對話框，經常出現的問題是對話框被遮罩層擋住,怎麼來解決這個問題呢？下面小編給大家帶來了Vue開發中對話框被遮罩層擋住的問題及解決方法，一起看看吧
在Vue的開發中，一旦我們用到對話框，經常出現的問題是對話框被遮罩層擋住，無論是Element-UI dialog還是bootstrap的Modal，如下圖所示：
造成這個問題的原因是對話框組件的父元素的position有fixed或者relative值，比較簡單易行的辦法如下：對於bootstrap Modal需要添加css語句
.modal-backdrop { z-index: -1;}
而對於Element UI該組件已經在屬性層面提供瞭解決辦法，只要添加:modal-append-to-body="false"就可以了。
總結
以上所述是小編給大家介紹的解決Vue開發中對話框被遮罩層擋住的問題，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回覆大家的。在此也非常感謝大家對神馬文庫網站的支持！