问题描述:
解决方法:
Code:
<el-select v-model="strengthForm.route" placeholder="" style=' width: 100%' @focus="getRouteNameList()" filterable popper-class="select-dropdown">
<el-option
v-for="item in routeList"
:key="item.key"
:label="item.value"
:value="item.key"
style=' width: 360px'
>
</el-option>
</el-select>
提醒:
一定要用popper-class而不是class,要不出不来。
因为默认情况下,select组件库是在body之外的,所以我们控制不了。
所以组件库提供了popper-class
Css:
.select-dropdown {
max-width: 100%;
}
.select-dropdown .el-select-dropdown__item {
overflow: visible;
display: block;
}
Photo:
NICE,成功解决