iview框架modal中嵌套modal

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

有些场景需要在modal中在弹出modal,上面的使用就不符合要求了
看了文档说是给modal的class-name属性添加值，格式如下
<modal>333
<modal class-name="my-modal">444</modal>
</modal>

<style>
.my-modal{z-index:1002}
</style>
此时解决了内容为444弹框在内容为333的上面显示，但是与内容444一起的mask层却在下面

说下解决思路：
在添加了my-modal类的父元素上添加一个类如：my-modal-parent
用自定义类控制mask的z-index

<style>
.my-modal-parent .ivu-modal-mask{
z-index: 1001;
}
</style>

如不在需要将自定义的类删除即可