.el-select 设置width:100%后如图视,hover效果超出,原因是el-popper有个max-width: 60% !important,所以需要修改它的样式
解决步骤
1. 给select设置 popper-class 属性
<el-select
filterable
v-model="state.groupMembers"
placeholder="请选择"
clearable
remote
:remote-method="getGroupMembers"
@change="changeGroupMembers"
popper-class="my-popper"
>
2. 另写一个style,注意不要写scoped
<style lang="scss">
.my-popper{
max-width: 100% !important;
}
处理后的效果