问题描述
在使用Element-Plus的el-Dialog组件时,很多情况下会在对话框内部使用el-select组件。然而,由于el-Dialog会创建一个新的层级上下文(z-index),默认为2079,而el-select组件本身的z-index值低于el-dialog组件的z-index,这就会再刷新页面后导致el-select的下拉选项被el-dialog遮挡住,无法显示出来。
解决办法
在el-select标签上加上popper-class属性,用于为el-select组件自定义添加样式,此时就可以设置合适的z-index值来解决z-index值低于el-Dialog的问题
<el-select popper-class="select_popper"><el-select/>
.select_popper{
z-index: 2090 !important;
}