el-select修改下拉选择框定位,让下拉框显示在下边，默认只显示4条数据

智慧小仙女

已于 2024-09-13 15:43:39 修改

阅读量142

点赞数 1

文章标签： vue.js 前端 javascript

于 2024-09-13 15:26:49 首次发布

本文链接：https://blog.csdn.net/weixin_42987138/article/details/142212188

版权

html代码：

<el-select class="jianli-select" popper-class="jianli-popper" size="small" v-model="formData.sourceCode" placeholder="请选择" :popper-append-to-body="false"clearable filterable>
     <el-option :label="item.name" :value="item.enName" v-for="item in     
      optionList.RESUME_CHANNEL" :key="item"></el-option>
</el-select>

css代码：

.jianli-select {
  position: relative;
  ::v-deep .jianli-popper {
    position: absolute !important;
    top: 32px !important;
    left: 0px !important;
    .el-scrollbar__wrap {
      height: 165px;
    }
  }
}