共计 312 个字符,预计需要花费 1 分钟才能阅读完成。
要实现的成果如下:
首先官网文档是这样形容的:
然而我写了个小 demo 发现并不能间接平级搁置即可,一样会存在先后顺序不同造成的笼罩以及遮罩层导致不能点击被遮蔽的 dialog。
起因如下:因为 dialog 先后顺序不同 z -index 设置的层级不同,所以必定会笼罩遮挡
那么咱们要实现一个这样的成果不仅仅平级搁置即可,就要用到外面的一个属性:modal
上面贴上代码:
总的思路就是:dialog 先后顺序重叠问题,应用便宜去让它们错开;而后就是遮罩层导致不能点击 z -index 层级低的弹框,就要用到 modal 去敞开 z -index 层级高的遮罩层。(还能够额定应用 close-on-click-modal 来勾销通过点击 modal 敞开 Dialog)
正文完
发表至: element-ui
2020-11-19