做項目中遇到幾次彈出框遮罩層的問題。有嵌套的 彈出框。還有單頁面中tabs標簽頁的彈出框。今天就說一下tabs中的彈出框遮罩層的問題。
這個頁面有五個tabs頁簽，每一個都有彈出框組件，也就是說每一個都有遮罩層。
很有趣的問題： 我在第五個tabs頁簽中打開彈出框，沒問題。可以正常使用。當我在第四個tabs頁簽中打開彈出框時，會出現上圖這種情況，（鼠標點擊一下，一層遮罩就會消失）。當我在第一個頁簽中的時候，我需要點擊五次才能將最上層的遮罩層去掉。
查看網上，以及element文檔。找到了兩個方法。
如果你是簡單的打開彈出框之后有一層遮罩的話，用下邊這個就行。
如果打開彈出框有多個遮罩的話。就換這個方法。
用這個方法可以解決。在代碼中直接用
出來之后的效果
總之一句話，如果你打開彈出框之后有一層遮罩那么用 modal-append-to-body 可以解決。
如果是多層的話 用 append-to-body解決。
為大家的開發節省時間。給自己提個醒。 求大神勿噴！！