iVew 如果保证父子组件层级

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

网上有人提出两个解决方案:

  1. 设置 transfer 属性为 false 后,保证好两个 Modal 的前后顺序,这样打开后面会覆盖前面;经尝试次方法可行,就是将父子组件的transfer属性都设为false

<Modal  title="显示列修改"  v-model="modela" :transfer="false">

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

  由于接触vue不到一个月,还属于新手,  第二种方式暂时还没搞明白怎么设置。

猜你喜欢

转载自dbp5588.iteye.com/blog/2392664