【干货分享】解决element弹框组件导致页面抖动问题

前言

在网页开发中，弹框组件是不可或缺的一部分，但是你是否遇到过因为弹框组件导致页面抖动的问题呢？别担心，今天我们就来探讨一下如何解决这个烦人的问题。

---

问题描述图

通过上图我们可以很明显的看出来，页面会随着弹框的出现和关闭一直抖动，这是为什么呢？

---

原因分析：

其实发生该问题的原因非常简单，当弹框出现时，会导致页面的滚动条隐藏，然而关闭弹框时，滚动条又会重新出现，由于滚动条的隐藏和出现，也就导致了页面会抖动的问题。

---

解决方案：

解决该问题的方法也很简单，我们只需要在入口配置文件中加上以下代码即可全局生效。

//main.js
ElementUI.Dialog.props.lockScroll.default = false;

最终效果