vue elment 弹窗 屏幕闪动

问题：

在使用element-ui的el-dialog时，由于遮罩层的出现，导致页面的滚动条隐藏，从而使页面出现闪动的效果。

解决过程

当遇到这个问题时, 发现出现弹窗时, 页面body自动增加 overflow: hidden.

公共样式添加

body { overflow-y: scroll;overflow: auto !important; }

main.js文件加上

import ElementUI from 'element-ui';

ElementUI.Dialog.props.lockScroll.default = false;//解决弹窗出现时屏幕抖动