在一个产品详情的弹窗里,预览详情里的图片,点击图片时弹出另一个弹层来显示大图,但是大图弹层却在详情弹层下面。
如何让大图弹层在产品详情弹窗上面?
官网上可有说道如何控制弹层层级?实在是找不到解决方法。
网上有人提出两个解决方案:
-
设置
transfer
属性为false
后,保证好两个 Modal 的前后顺序,这样打开后面会覆盖前面;经尝试次方法可行,就是将父子组件的transfer属性都设为false
<Modal title="显示列修改" v-model="modela" :transfer="false">
2.Modal 可以设置 class-name
属性后,设置 CSS 的 z-index
。
由于接触vue不到一个月,还属于新手, 第二种方式暂时还没搞明白怎么设置。