elementui希望弹出框的遮罩层不要影响主页面的编辑，要怎么设置？

Question

elementui希望弹出框的遮罩层不要影响主页面的编辑，要怎么设置？

Answer 1

element的modal默认都会在外面罩一个覆盖整个页面的遮罩。
首先你需要设置:model="false" 和 :close-on-click-modal="false"
但这两个参数只是将遮罩变成透明的，并且取消了点击外面遮罩关闭模态框的事件，并不能让遮罩wrapper本身变小。
要取消遮罩，还需要手动修改dialog元素和外层wrapper元素的css，来修改其大小和居中定位方式。
以下例子假设你模态框宽度为400px。

.el-dialog__wrapper {
 width: 400px;
 left: calc(50vw - 200px);
 top: 15vh;
 bottom:auto;
 right:auto
}
.el-dialog {
 margin:0;
 width:auto;
}

Answer 2

设置你要显示页面的z-index值：9999，就好了