vue dialog組件是前端開發(fā)中十分常用的組件之一,但隨著使用人數(shù)的增加,一些bug也逐漸暴露出來。其中一個較為常見的bug就是在組件關(guān)閉時造成全局滾動條失效。
在上面的代碼中,我們使用了vue自帶的dialog組件,并在關(guān)閉對話框時手動設置了document.body.style.overflow屬性。這是因為在一些瀏覽器中,dialog組件關(guān)閉后并不會將overflow屬性重置回原來的值,導致全局滾動條失效。設置document.body.style.overflow = 'auto'可以解決這個bug。
如果您在使用vue dialog組件時遇到了全局滾動條失效的問題,可以嘗試加入上述代碼解決。當然,也可以嘗試尋找其他的解決方案,如使用第三方組件庫、自行編寫對話框組件等等。
上一篇vue去華為水印