【无标题】element select下拉框下拉选项位置不对,显示到旁边,不显示到下拉框底部

磁贴是用iframe引用,下拉框高度过长导致不显示在下面,修改下拉选项的高度

javascript 复制代码
<el-select
        popper-class="custom-drop-select-item minePressure"
        class="custom-drop-select"
        v-model="state.selectIndex"
        filterable
        @visible-change="changeVisible"
      >
        <el-option
          v-for="(item, index) in state.selectList"
          :label="item.workingFaceName"
          :value="item.workingFaceNo"
          :key="index"
        ></el-option>
      </el-select>
.custom-drop-select-item.minePressure {
  .el-select-dropdown__wrap {
    max-height: 150px;
  }
}
相关推荐
杨荧5 小时前
基于Python的农作物病虫害防治网站 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python
silent_missile7 小时前
element-plus穿梭框transfer的调整
前端·javascript·vue.js
yes or ok9 小时前
前端工程师面试题-vue
前端·javascript·vue.js
_Congratulate10 小时前
vue3高德地图api整合封装(自定义撒点、轨迹等)
前端·javascript·vue.js
页面仔Dony10 小时前
Vue2 与 Vue3 深度对比
vue.js·前端框架
Juchecar11 小时前
Vue3 组件生命周期详解
前端·vue.js
Juchecar12 小时前
Vue3 模板引用 useTemplateRef 详解
前端·vue.js
YuJie12 小时前
vue3 无缝滚动
前端·javascript·vue.js
Juchecar12 小时前
Vue3 表单输入 v-model 指令详解
前端·vue.js
DevUI团队13 小时前
MateChat V1.7.0版本发布,前端智能化项目贡献者已经达到90+,智能化卡片特性持续演进,快来体验吧~
前端·vue.js·人工智能