關閉 el-dialog 視圖後，網頁不能滑動問題處理

1.問題出現的原因

  組件內用el-table 組件顯示多條數據，網頁 可滑動瀏覽，點擊列表內某一個圖片，用el-dialog模態組件展示大圖。關閉後el-dialog組件後，頁面不能滑動，多餘部分被裁剪。

2.這個原並不是頁面代碼的問題，用Chrome瀏覽器檢查頁面元素，

    沒有打開el-dialog 組件前是：

  

  關閉組件後

body 變成了 overflow：hidden 這正是被裁剪的原因

3。解決辦法，在被裁剪的組件頁面 內的樣式中加入

<style>
  body{
    overflow: visible !important;
  }
</style>

 

  問題得到解決