Element中使用dialog实现下一步出现闪屏现象解决方法

屏幕快照 2018-08-20 下午3.38.19.png

弹窗出现下一步下一步这种页面很常见,使用element ui时一般用dialog实现,如果每一步的弹窗都用一个dialog的话,那么在点击“下一步”,两个dialog弹窗切换的时候会出现闪屏现象,这是因为前一个dialog关闭,新dialog打开有一段时间间隙,会有明显的遮罩层切换效果。


为了避免闪屏现象,可以让所有内容在同一个dialog中,当点击下一步的时候,将dialog的内容动态切换。

点击打开 Dialog


    

第1步

第2步

...

你可能感兴趣的:(Element中使用dialog实现下一步出现闪屏现象解决方法)