<el-dialog
v-dialogDrag
:before-close="cancel"
:title="title"
:visible.sync="open"
width="168px"
append-to-body
:modal="false"
:close-on-click-modal="false"
style="z-index: 9999"
class="class_dialog_hospital"
>
关键是:append-to-body :modal="false" 这两个官方文档都有介绍。
设置后 ,会发现没有遮挡层, 但是还无法操作底层按钮。
这个时候就需要设置css 样式来解决
.el-dialog__wrapper{
pointer-events: none;
}
.el-dialog{
pointer-events: auto;
}
效果图: