分类：elementUI多Dialog

2020
11-19

elementUI同一页面展示多个Dialog的实现

要实现的效果如下：首先官方文档是这样描述的：但是我写了个小demo发现并不能直接平级放置即可，一样会存在先后顺序不同造成的覆盖以及遮罩层导致不能点击被遮盖的dialog。原因如下：因为dialog先后顺序不同z-index设置的层级不同，所以必定会覆盖遮挡那么我们要实现一个这样的效果不仅仅平级放置即可，就要用到里面的一个属性：modal下面贴上代码：总的思路就是：dialog先后顺序重叠问题，使用便宜去让它们错开；然后就是遮罩层导... 继续阅读 >