vue使用iview的modal弹窗嵌套modal出现格式错误的解决_vue.js_
2023-05-24
185人已围观
简介
vue使用iview的modal弹窗嵌套modal出现格式错误的解决_vue.js_
使用iview的modal弹窗嵌套modal出现格式错误
问题
一个全屏modal,点击按钮,再弹出一个modal,就会出现这种格式问题,很无语。

解决
搜了一下,说是因为modal的使用是平级的,z-index都是1000,所以后面的会覆盖前面的。
不知道是不是因为这个,因为我把嵌套的这个modal改成全屏的,就没有问题了。
解决办法是说给modal加一个类名, z-index改一下就行了,除了要改嵌套modal(以下简称modal2)的z-index,modal2的mask(阴影)也需要改。