el-select下拉框 宽度自定义

  • 场景:因下拉项字数太多,会撑开下拉框宽度
  • 解决办法:添加 popper-class 设置 width: 0 并给 el-option 添加 title属性
               <el-select
                  v-model="form.caseId"
                  popper-class="test-case-select-option"
                >
                  <el-option
                    v-for="item in options"
                    :key="item.id"
                    :title="item.code"
                    :label="item.code"
                    :value="item.id"
                  />
                </el-select>
.test-case-select-option {
  width: 0
}
posted @ 2024-06-27 10:53  卑面派对  阅读(181)  评论(0编辑  收藏  举报