【无标题】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;
  }
}
相关推荐
橙某人10 小时前
LogicFlow 小地图性能优化:从「实时克隆」到「占位缩略块」!🚀
前端·javascript·vue.js
boooooooom10 小时前
讲清 Proxy + effect + track/trigger 流程
javascript·vue.js·面试
leafyyuki10 小时前
在 Vue 项目中玩转 FullCalendar:从零搭建可交互的事件日历
前端·javascript·vue.js
星_离11 小时前
《Vue 自定义指令注册技巧:从手动到自动,效率翻倍》
前端·vue.js
光影少年12 小时前
Vue的响应式原理?Vue2和Vue3有什么区别?
前端·vue.js·掘金·金石计划
wuhen_n13 小时前
v-model 的进阶用法:搞定复杂的父子组件数据通信
前端·javascript·vue.js
wuhen_n13 小时前
TypeScript 深度加持:让你的组合式函数拥有“钢筋铁骨”
前端·javascript·vue.js
滕青山13 小时前
基于 ZXing 的 Vue 在线二维码扫描器实现
前端·javascript·vue.js
踩着两条虫14 小时前
AI 驱动的 Vue3 应用开发平台 入门指南(五):创建 H5 移动应用
前端·vue.js·ai编程
踩着两条虫15 小时前
AI 驱动的 Vue3 应用开发平台 入门指南(二):快速入门
前端·vue.js·ai编程