您现在的位置是:网站首页> 编程资料编程资料

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(阴影)也需要改。

111 222