iview框架modal中嵌套modal

声明下我使用的是iview2的版本

modal的使用是平级的,后面的会覆盖前面,如下
<modal>111</modal>
<modal>222</modal>
内容为222的弹框会在内容为111的弹框上面显示

有些场景需要在modal中在弹出modal,上面的使用就不符合要求了
给下面modal添加一个id属性,格式如下
<modal>333
<modal id="my-modal">444</modal>
</modal>

<style>

#my-modal .ivu-modal-mask{
z-index: 1009;
}
#my-modal .ivu-modal-wrap{
z-index: 1009;
}

</style>
添加id会直接在外容器上添加,所以在去找下面的子容器设置z-index就可以了

注意css的权重别被覆盖

原文地址:https://www.cnblogs.com/victory820/p/9400743.html