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

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

上网找解决办法,参考如下:

:append-to-body="true"

将冲突的两个对话框都在body后渲染,则两者之间的遮罩层显示隐藏就不会相互影响;

你可能感兴趣的:(javascript前端)