ant vue 抽屜里面加彈窗顯示被遮住問題


使用這框架的人應該都遇到過這種問題:

 

 我再a-drawer里面加了一個彈窗,然后觸發彈窗顯示,發現它被a-drawer遮住了,這里先說一下原因:

如下圖所示:a-drawer和a-modal都是掛載到body上面的,並且我們發現a-drawer的層級比a-modal高,才會出現這種情況:

 

解決思路:降低a-drawer層級

解決辦法,在a-drawer上面加上這個屬性::get-container="false"。將a-drawer掛載到當前父元素上面,這樣a-modal掛載到body上面,就能浮在a-drawer上面了!

效果圖如下:

 


免責聲明!

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



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