关闭 el-dialog 视图后，网页不能滑动问题处理

1.问题出现的原因

  组件内用el-table 组件显示多条数据，网页 可滑动浏览，点击列表内某一个图片，用el-dialog模态组件展示大图。关闭后el-dialog组件后，页面不能滑动，多余部分被裁剪。

2.这个原并不是页面代码的问题，用Chrome浏览器检查页面元素，

    没有打开el-dialog 组件前是：

  

  关闭组件后

body 变成了 overflow：hidden 这正是被裁剪的原因

3。解决办法，在被裁剪的组件页面 内的样式中加入

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

 

  问题得到解决