element-dialog对话框去掉覆盖层、并可操作底层的按钮

关键是:append-to-body   :modal="false"  这两个官方文档都有介绍。
设置后 ,会发现没有遮挡层, 但是还无法操作底层按钮。
这个时候就需要设置css 样式来解决
 

.el-dialog__wrapper{
  pointer-events: none;
}
.el-dialog{
  pointer-events: auto;
}

效果图:

element-dialog对话框去掉覆盖层、并可操作底层的按钮_第1张图片

 

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