javascript前端|elementUI 在使用过程中dialog重复弹出,互相覆盖的情况下,隐藏其中一个,遮罩层显示错乱问题修改

问题描述:
在使用elementUI组件Dialog 对话框时,在弹出内容上,再次弹出对话框内容,顶层对话框点击确认隐藏后,底层对话框被遮罩层遮盖,显示错乱,如下:
javascript前端|elementUI 在使用过程中dialog重复弹出,互相覆盖的情况下,隐藏其中一个,遮罩层显示错乱问题修改
文章图片

javascript前端|elementUI 在使用过程中dialog重复弹出,互相覆盖的情况下,隐藏其中一个,遮罩层显示错乱问题修改
文章图片

上网找解决办法,参考如下:
:append-to-body="true"
【javascript前端|elementUI 在使用过程中dialog重复弹出,互相覆盖的情况下,隐藏其中一个,遮罩层显示错乱问题修改】将冲突的两个对话框都在body后渲染,则两者之间的遮罩层显示隐藏就不会相互影响;

    推荐阅读