el-dialog设置背景图片打开时有延迟
时间: 2023-11-20 07:56:58 浏览: 121
element ui 对话框el-dialog关闭事件详解
为了解决el-dialog打开时背景图片有延迟的问题,可以采用以下两种方法:
1. 使用$nextTick方法,将弹窗的visible属性设置为true后,再在$nextTick回调函数中执行其他耗时的逻辑。这样可以确保弹窗已经完全渲染出来后再执行其他操作,避免了背景图片延迟加载的问题。
```javascript
this.dialogVisible = true;
this.$nextTick(() => {
// 执行其他耗时的逻辑
});
```
2. 使用setTimeout方法,将路由跳转的操作延时执行,等待弹窗动画执行完毕后再跳转路由。这样可以确保弹窗内的内容加载完毕后再进行路由跳转,避免了弹窗内的内容延迟加载的问题。
```javascript
this.dialogVisible = true;
setTimeout(() => {
// 跳转路由的操作
}, 500); // 延时500毫秒,等待弹窗动画执行完毕
```
阅读全文