element el-dialog 引发的问题

        elementUI在打开dialog的时，页面右侧会出现滚动条，或是页面宽度会缩小，当关闭dialog后又恢复原样，控制台检查后发现当打开dialog时，body元素会有class=el-popup-parent--hidden的类名，关闭dialog后el-popup-parent--hidden类名消失，这应该就是造成页面出现滚动条或是宽度缩小的原因，查了一下资料发现有两种解决办法，我用的是第二种方法

        1. 重写el-popup-parent--hidden的样式

1.  
   .el-popup-parent--hidden {
2.  
   padding-right: 0px !important;
3.  
   overflow: hidden !important;
4.  
   }

        2. 在main.js中添加关闭dialog滚动条配置

1.  
   import ElementUI from 'element-ui'
2.  
   import 'element-ui/lib/theme-chalk/index.css'
3.  
   // 关闭dialog滚动条
4.  
   ElementUI.Dialog.props.lockScroll.default = false

这篇好文章是转载于：学新通技术网