场景:因下拉项字数太多,会撑开下拉框宽度 解决办法:添加popper-class设置width: 0并给el-option添加title属性 <el-select v-model="form.caseId"popper-class="test-case-select-option"><el-optionv-for="item in options":key="item.id":title="item.code":label="item.code":value="item.id"/></el...
默认情况下,el-select的下拉选项框的宽度会依据选项内容的长度而改变,当选项内容的长度过长的时候,下拉选项框的宽度也会变得很长,甚至可能会超出屏幕宽度,如下图所示: 解决办法 为了解决这一问题,我们可以通过给el-select添加focus事件的监听,当focus之后,动态改变el-option的宽度 <template><div><el-select v-mod...