在使用element-ui開發後台管理系統的過程中，使用el-dialog彈窗，彈窗內內容過長導致的出現滾動條，彈出層和底部基礎內容會同時滾動的問題，找了一些辦法，具體可行並且比較簡單的方法如下。
@open
="togglebody(1)"
@close
="togglebody(0)"
>
//**內容
el-dialog
>
methods:
else
}}
備註：element內建的元件是不能修改的，可以進行二次封裝。
vue滾動條禁止 vue彈窗後如何禁止滾動條滾動？
常見場景 在許多填寫表單的頁面中，都會彈出乙個選擇器，讓你在彈窗中選擇專案。有時，彈窗本身容納不下內容，需要讓它不斷滾動來展示，但因為事件是冒泡的，有時就會造成底部 body 的z index肯定是在下面的 的內容也在滾動。這內外一起滾，就有點尷尬了。舉例，下面兩張圖里，都有類似的問題。那麼怎麼解決...
移動端彈窗顯示後，禁止body內容跟隨彈窗滾動
對於一般大小的彈窗可以使用如下方案 1.阻止預設事件 缺點 該方案存在一定的相容性，不是所有瀏覽器都有效。對於彈窗存在滾動的情況，也不適用。優點 彈窗顯示時，頁面仍然固定在原來位置，不會回滾到頂部 阻止彈窗滾動 function stopscroll function recoverscroll f...
移動端彈出層滾動時禁止body滾動
相信很多寫移動端的朋友會遇到這個問題，我也遇到了，之後就辛辛苦苦的在網上找解決辦法，下面我大概提一下我在網上看到的幾種辦法，行不行的通呢？本人就親測了下。本人學的還不是太深，如果有什麼不對的地方或者有好的解決辦法，也請告知。測試結果 chrome手機模擬器還真可以，but到了我的安卓手機上，撲街了 ...