今日遇到一个问题,当我将弹窗的层级升高之后,其内部的组件也同样会被提升,但在测试时发现,类似能够下拉的组件(el-select、el-date-picker)等,它们的下拉框的层级没有被提升。
<el-select
size="mini"
v-model="xxx"
clearable
multiple
collapse-tags
placeholder="请选择站点"
popper-class="select_popper" //定义class
>
<el-option
v-for="item in xxx"
:key="item.xx"
:label="item.xx"
:value="item.xx"
>
</el-option>
</el-select>
在style中这样写
<style> // 这里加scoped的话,提升层级不会生效
.select_popper{
z-index: 999999 !important;
}
</style>
参考博文:element dialog的z-index与element-select组件下拉菜单的z-index同值,导致第一次点击时下拉菜单不可见_el-select z-index-CSDN博客