element-ui 弹框遮罩层 以外样式漏出

0 阅读1分钟

错误如下

image.png

问题是 el-dialog 默认渲染在组件内部,而 mock 页面的 .mock-containerposition: relativeheight: 100px,会导致弹框的遮罩层被裁剪或定位错乱。

通过给两个 el-dialog 添加 append-to-body 属性,让弹框挂载到 document.body 上,脱离 mock 容器的限制。