解决因为滚动条隐藏导致的窗口抖动问题:
(添加 :lock-scroll="false" 属性)(无效的话把冒号去掉试试)
<el-dialog class=""
v-model=""
title=""
:lock-scroll="false"
width="800px"
height="400px"
top="10vh"
>
解决双滚动条问题:(无效的话去掉deep)
/* 解决双滚动条 */
:deep(.el-dialog) {
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
overflow-y: auto !important;
overflow-x: auto !important;
max-height: 90vh !important;
}
参考:文章来源:https://www.toymoban.com/news/detail-857641.html
http://t.csdnimg.cn/xavOG文章来源地址https://www.toymoban.com/news/detail-857641.html
到了这里,关于Vue | Element UI Plus 完美解决el-dialog双滚动条、页面抖动问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!