element-plus中 el-dialog闪烁问题如何解决
时间: 2023-06-12 20:02:02 浏览: 1207
关于 element-plus 中 el-dialog 闪烁问题的解决方法,您可以尝试以下几种方式:
1. 修改 el-dialog 的样式,添加下面的代码:
```
.el-dialog__wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
```
2. 设置 el-dialog 的 appear 属性为 false,如下代码:
```
<el-dialog :visible.sync="dialogVisible" :appear="false">
// ...
</el-dialog>
```
3. 若使用的是类似于 Vue 的框架,则可以使用 transition 动画,如下代码:
```
<transition name="fade-transform">
<el-dialog :visible.sync="dialogVisible">
// ...
</el-dialog>
</transition>
// 在样式中添加以下代码:
.fade-transform-enter-active, .fade-transform-leave-active {
transition: opacity .3s, transform .3s;
}
.fade-transform-enter, .fade-transform-leave-to {
opacity: .5;
transform: translateY(-20px);
}
```
以上是解决 el-dialog 闪烁问题的一些方法,具体选择哪种方式要根据您的实际情况而定。
阅读全文