解决el-dialog弹出时，主页（滚动条）左右伸缩抖动问题

问题描述：当主页列表有横向滚动条时，查看行详情，弹出el-dialog时，会发现弹出框弹出时，页面会抖动，直接效果就是页面右侧会发生变化，缩小了几个像素点；体验感不是很好，另一个就是会影响到页面的布局；

看了一下，应该是页面存在滚动条，弹出在出现时，会对页面的滚动条进行处理，给body增加额外的样式类；可以找到样式类重写；最直接的方法参考 2；

解决方法：

1. 全局设置 body 的 padding-right: 0 !important；不太可取，虽然可以解决这个问题，但是影响了页面的布局效果；

2.在main.js中，找到引入element的地方，举个例子

import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
 
// 添加以下内容
ElementUI.Dialog.props.lockScroll.default = false;

Vue.use(ElementUI, {
  size: "small",
  menuType: "text"
});