解决el-dialog弹框引起的body抖动问题

最新推荐文章于 2025-05-29 14:49:23 发布

帅帅的记忆

最新推荐文章于 2025-05-29 14:49:23 发布

阅读量1.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue element组件文章标签： vue.js css

本文链接：https://blog.csdn.net/weixin_44994731/article/details/106338658

vue 同时被 2 个专栏收录

62 篇文章

订阅专栏

element组件

3 篇文章

订阅专栏

本文介绍了解决Element UI中el-dialog组件弹出时导致页面抖动的问题。通过设置:lock-scroll=false属性，可以有效避免弹框打开时背景滚动被锁定引起的抖动现象。

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

解决el-dialog弹框引起的body抖动问题
1，开发中发现使用el-dialog出现抖动的问题，找了好久才找到解决问题的方法。
2，解决该问题在el-dailog上添加

:lock-scroll="false"

代码如下：
  <el-dialog
                :visible.sync="auditFlag"
                :close-on-click-modal="false"
                custom-class="my-dialog"
                :lock-scroll="false"
                >
            <div>
              解决  弹框抖动问题
            </div>

        </el-dialog>