VUE 多级dialog产生蒙版问题解决（弹出框被遮罩问题）

问题是这样的

 

我的问题是在父组件里有个弹出框，弹出框里面调用了子组件，而子组件里点击图片显示大图（使用 弹出框形式）。当图片弹出框弹出的时候，就出现了最外层的一个蒙版，当然和层级肯定是有关的， 但是怎么设置z-index都不行。

---

最终解决方式。是在弹出框加一个      append-to-body     属性，因为第一 层弹出框没有被遮罩住，而第二层弹框被遮住了，所以...加了这个属性。猜想而已...

---

element组件介绍 正常情况下，我们不建议使用嵌套的 Dialog，如果需要在页面上同时显示多个 Dialog，可以将它 们平级放置。对于确实需要嵌套 Dialog 的场景，我们提供了append-to-body属性。将内层 Dialog 的该属性设置为 true，它就会插入至 body 元素上，从而保证内外层 Dialog 和遮罩 层级关系的正确。

---

如图：

详细信息点击下面链接吧

作者：AmbroseLe
链接：https://juejin.im/post/5b762331e51d455ebc4faae8
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。