【ElementUI】dialog弹窗出现闪屏问题解决办法
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
场景:
在使用vue+elementui开发项目的时候提示信息一般会使用el-dialog组件,此时是没有问题的。但当我们多次调用弹窗的时候,比如:有A,B,C三个弹窗,当弹窗A点击确定的时候关闭弹窗A打开弹窗B,当弹窗B点击确定的时候关闭弹窗B打开打开弹窗C,在弹窗切换的时候会出现闪烁一下的情况。原因是:当一个弹窗关闭之后另一个弹窗可能还没打开,这个中间的空格期就是会出现遮罩层也就是我们说的闪烁情况。如下:
解决办法:
给需要关闭的弹窗设置时间间隔。比如需要关闭弹窗A(:visible.sync=‘disableDialog’),则需要把弹窗A的disableDialog属性设为false,setTimeout(() => {this.disableDialog = false},100)
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45
7 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 7 个月前
更多推荐
已为社区贡献3条内容
所有评论(0)