element-plus中 el-dialog 防止闪烁
时间: 2023-06-09 14:08:12 浏览: 291
DIALOG画图闪烁问题解决
4星 · 用户满意度95%
您好,针对您的问题,可以采用以下方法来防止el-dialog闪烁:
1. 在弹框组件上设置 :modal-append-to-body="false" 属性,这样可以避免一些层级导致的问题。
2. 在样式中加入以下代码:
.el-dialog__wrapper {
background-color: rgba(0, 0, 0, .5) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
这样将为遮罩层添加背景颜色与高斯模糊等效果,减少闪烁。
3. 避免在弹框组件内部进行大量操作,如有需要,可以使用Vue的异步组件或createElement函数,避免DOM重新渲染导致的闪烁问题。
以上是我对于您提出的问题的回答,希望能帮到您。
阅读全文