i-view之多级模态框(Modal)打开问题

i-view 版本:2.0.0

问题描述:页面打开 Modal1 之后,在 Modal1 的基础上再打开 Modal2,即 Modal1 是第一级,Modal2 是第二级。第二级未覆盖第一级,反而是被第一级覆盖。

预想情况: Modal2 会出现在页面最上层,即覆盖 Modal1,

实际情况:Modal1 依然在最上层, Modal2 出现在 Modal1 的下层,即 Modal1 覆盖了 Modal2。

网上方法普遍是改 z-index 属性,我试过之后没效果,后来发现可能和 Modal 加载顺序有关:

selectModal 最先加载的时候,会被 createModal 覆盖,即是出现了上述问题。

Modal加载顺序

后面经过修改成,等 createModal 加载完毕再 加载 selectModal

修改加载顺序


未打开createModal


打开createModal之后

问题解决:第二级 Modal 成功 覆盖 第一级 Modal,出现在页面最上层

你可能感兴趣的:(i-view之多级模态框(Modal)打开问题)