iview如何控制父子弹窗的层级?

用iview的Modal实现弹层遇到的问题:
在一个产品详情的弹窗里,预览详情里的图片,点击图片时弹出另一个弹层来显示大图,但是大图弹层却在详情弹层下面。
如何让大图弹层在产品详情弹窗上面?
官网上可有说道如何控制弹层层级?实在是找不到解决方法。
图片描述

阅读 8.7k
3 个回答

提供两个解决方案吧:

  1. 设置 transfer 属性为 false 后,保证好两个 Modal 的前后顺序,这样打开后面会覆盖前面;

  2. Modal 可以设置 class-name 属性后,设置 CSS 的 z-index

新手上路,请多包涵

试试设置第二个图层的z-index?

新手上路,请多包涵

我使用transfer属性的确解决了这个问题,但是报了这个错误[Vue warn]: Invalid prop: type check failed for prop "transfer". Expected Boolean, got String.
亲,这个问题你解决了吗?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题