使用el-dialog时,弹窗出现页面出现滚动条,关闭滚动条消失

853 阅读1分钟

因为最近业务上需要封装组件,将表单组件一起封装,里面的编辑功能会出现弹窗

为了使弹窗出现在页面中间,而不是组件中间,使用了属性:append-to-body="true"

结果页面弹窗出现时,开始有滚动条了

image.png

然后发现弹窗出现时body的样式改变了

image.png

image.png

最后去查阅了element官网,发现给了一个属性lock-scroll,把这个属性设置为false就解决啦

image.png