element弹框组件——滚动条“回家”指南

前言

当我们使用 element 弹框组件时，经常会遇到打开弹框后滚动条没有回到顶部的情况，这不仅让人感到不便，还会影响用户体验。那么，如何解决这个小问题呢？本文将为大家详细介绍一种简单有效的解决方法，让你的弹框组件更加完美！

---

优化前：

---

优化后：

优化的方式非常简单，我们只需要给 el-dialog 组件加上以下两个属性即可。

参数	说明	类型	默认值
:lock-scroll	是否在 Dialog 出现时将 body 滚动锁定	boolean	true
:append-to-body	Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true	boolean	false

<el-dialog :lock-scroll="false" :append-to-body="true"></el-dialog>