在VUE中使用el-dialog出现z-index值很大的遮罩解决办法

在开发中,会遇见出现z-index值很大的遮罩,遮住el-dialog弹出框。
在VUE中使用el-dialog出现z-index值很大的遮罩解决办法_第1张图片
官网可以看到,遮罩层是否插入至 body 元素上,若为 false,则遮罩层会插入至 Dialog 的父元素上。
在VUE中使用el-dialog出现z-index值很大的遮罩解决办法_第2张图片

所以在el-dialog中添加:modal-append-to-body=false,这样就ok了
在这里插入图片描述
显示正常
在VUE中使用el-dialog出现z-index值很大的遮罩解决办法_第3张图片

你可能感兴趣的:(vue,js)