element的嵌套dialog,在打开第二个dialog的时候会被遮罩层遮住

element嵌套dialog遮罩层的问题

做项目的时候遇到一个问题,在一个弹出层的内容区做处理打开另一个弹出层时,第二个弹出层会被遮罩层遮住,点击五次之后遮罩层关闭。
然后才发现,element 的dialog嵌套问题,之所以第二次弹出的会被遮住,是因为没有给定 append-to-body。
在这里插入图片描述
正常情况下,我们不建议使用嵌套的 Dialog,如果需要在页面上同时显示多个 Dialog,可以将它们平级放置。对于确实需要嵌套 Dialog 的场景,提供了append-to-body属性。将内层 Dialog 的该属性设置为 true,它就会插入至 body 元素上,从而保证内外层 Dialog 和遮罩层级关系的正确。


你可能感兴趣的:(vue)