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

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

场景

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

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

会出现一个明显的闪烁

解决

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

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

参考

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


相关文章
|
30天前
有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题
有关element UI el-table 跟el-dialog搭配使用出现的问题,背景问题,穿透问题
63 0
|
9月前
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住
123 1
|
9月前
|
JavaScript
Vue中使用element-ui的el-dialog对话框,实现拖拽效果(整理)
Vue中使用element-ui的el-dialog对话框,实现拖拽效果(整理)
|
10月前
element-ui框架的el-dialog弹出框被遮罩层遮挡问题
element-ui框架的el-dialog弹出框被遮罩层遮挡问题
244 0
element-ui框架的el-dialog弹出框被遮罩层挡住了
element-ui框架的el-dialog弹出框被遮罩层挡住了
299 0
element-ui框架的el-dialog弹出框被遮罩层挡住了
element-ui:el-dialog遮罩层变黑
element-ui:el-dialog遮罩层变黑
438 0
Element UI - 打开弹出框(el-dialog)页面会抖动是什么原因?
Element UI - 打开弹出框(el-dialog)页面会抖动是什么原因?
1201 0
|
30天前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
38 0
|
30天前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
23 0
|
30天前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
50 0