【Element-ui - dialog导致滚动条显示和隐藏造成的页面窜动】

原创于 2023-07-27 10:15:31 发布 · 739 阅读

CC 4.0 BY-SA版权

文章标签：

62 篇文章

订阅专栏

在main.js文件中引入element-ui时，通过设置ElementUI.Dialog.props.lockScroll.default为false，可以避免dialog弹出时导致的页面滚动条消失和页面抖动问题，从而优化用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

解决办法：
在main.js中导入element时添加配置：

import ElementUI from 'element-ui'
// 防止dialog导致页面滚动条消失抖动
ElementUI.Dialog.props.lockScroll.default = false;