大佬教程收集整理的这篇文章主要介绍了多层嵌套，导致蒙层失效了的解决方法，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
一、bug情况描述
在有蒙层的弹窗中嵌套弹窗（包含使用this.$confim 、 this.$prompt自带的蒙层），
当我们点击弹出内嵌的弹窗时，外层弹窗的蒙层会被复用（此时这个蒙层层级在
外弹窗和内弹窗之间），且关闭内嵌弹窗后，蒙层不会消失（因为外层弹窗还需
要用到），但是这就造成了，外层弹窗被蒙层遮挡的情况
二、解决方法
就是在外层弹窗加上:append-to-body="true"
从el-elementUI的Dialog 对话框组件的默认属性中得知，modal-append-to-body初始值为true，
会把遮罩层插入到dialog的父元素中，但是append-to-body的初始值为false，表示dialog自身
都居无定所，所以嵌套之后的蒙层也只能共用了，才会出现bug情况描述里的内容。
三、 反思
还是得多看看elementUI，不熟悉才会引发这种bug。
ps： 最近想更新的，奈何太累就只能慢慢来了。
以上是大佬教程为你收集整理的多层嵌套，导致蒙层失效了的解决方法全部内容，希望文章能够帮你解决多层嵌套，导致蒙层失效了的解决方法所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。