AI 助理
备案控制台
开发者社区 彭世瑜的博客 文章 正文

element-ui：多个el-dialog弹框切换会出现闪烁

2023-04-15 317
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： element-ui：多个el-dialog弹框切换会出现闪烁

场景

使用多个element-ui组件el-dialog弹框切换

打开A弹框，点击关闭，紧接着打开B弹框

会出现一个明显的闪烁

解决

给第一个弹框关闭加一点延迟

// 先打开另一个对话框
this.BDialogVisible = true
// 加一点延迟后关闭当前对话框
setTimeout(() => {
    this.ADialogVisible = false
  }, 500)

参考

【ElementUI】dialog弹窗出现闪屏问题解决办法


关键词：
UI闪烁
UI弹框
UI el-dialog
编程达人
目录
相关文章
蒾酒
|
7月前
有关element UI el-table 跟el-dialog搭配使用出现的问题，背景问题，穿透问题
有关element UI el-table 跟el-dialog搭配使用出现的问题，背景问题，穿透问题
蒾酒
341 0
rp54yl2b5rw2w
|
JavaScript
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
rp54yl2b5rw2w
2822 0
VUE element-ui之el-popover弹出框在局部全屏下不显示问题及弹框、小箭头背景修改
SoraLuna
|
14天前
「Mac畅玩鸿蒙与硬件43」UI互动应用篇20 - 闪烁按钮效果
本篇将带你实现一个带有闪烁动画的按钮交互效果。通过动态改变按钮颜色，用户可以在视觉上感受到按钮的闪烁效果，提升界面互动体验。
SoraLuna
78 19
朝阳39
|
5月前
element UI【解决方案】消息弹框被对话框遮挡（$message消息框被dialog或$alert遮罩）
element UI【解决方案】消息弹框被对话框遮挡（$message消息框被dialog或$alert遮罩）
朝阳39
222 3
前端李十三
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
前端李十三
456 1
兜里只有三分钱~
|
JavaScript
Vue中使用element-ui的el-dialog对话框，实现拖拽效果（整理）
Vue中使用element-ui的el-dialog对话框，实现拖拽效果（整理）
兜里只有三分钱~
622 0
前端李十三
element-ui框架的el-dialog弹出框被遮罩层遮挡问题
element-ui框架的el-dialog弹出框被遮罩层遮挡问题
前端李十三
580 0
编程达人
element-ui：el-autocomplete实现搜索结果多次点击不关闭弹框
element-ui：el-autocomplete实现搜索结果多次点击不关闭弹框
编程达人
254 0
element-ui：el-autocomplete实现搜索结果多次点击不关闭弹框
hahacai
element-ui框架的el-dialog弹出框被遮罩层挡住了
element-ui框架的el-dialog弹出框被遮罩层挡住了
hahacai
347 0
element-ui框架的el-dialog弹出框被遮罩层挡住了
码农技术君
element-ui：el-dialog遮罩层变黑
element-ui：el-dialog遮罩层变黑
码农技术君
556 0