问题描述:我们在使用el-dialog时,会发现弹出框弹出时,页面会抖动,直接效果就是页面右侧会发生变化,缩小了几个像素点;体验感不是很好,另一个就是会影响到页面的布局;
看了一下,应该是页面存在滚动条,弹出在出现时,会对页面的滚动条进行处理,给body增加额外的样式类;可以找到样式类重写;最直接的方法参考 2;
解决方法:
- 全局设置 body 的 padding-right: 0 !important;不太可取,虽然可以解决这个问题,但是影响了页面的布局效果;
2.在main.js中,找到引入element的地方,举个例子
Element.Dialog.props.lockScroll.default = false;