elementUI dialog点击页面会跳动

原因是dialog出现的时候,dialog的遮罩层把原来页面上的滚动条挡住了,在css中可以看出,原来css中

body{
padding-right:17px;
}

当dialog出现的时候,页面右边的滚动条会消失,以至于页面会跳动一下,所以解决方法是在全局的css里设置下body的右padding,让他无论在什么情况下,都是0;具体设置如下

body{
  padding-right:0!important;
  overflow: auto!important;
}

但是存在的问题是当dialog的内容太高,超过屏幕的高度的时候,dialog也会出现滚动条,如图
elementUI dialog点击页面会跳动_第1张图片
目前还不知道哦解决办法,有经验的小伙伴可以指导下哦

你可能感兴趣的:(vue)