【无标题】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;
  }
}
相关推荐
丁婷婷几秒前
Reflect 在 Vue3 响应式中的作用是什么?
vue.js
吃西瓜的年年8 分钟前
vue3原理思维导图
vue.js·笔记·flutter
Z小明15 分钟前
第 1 章 Vite 项目初始化
前端·vue.js
合橱瑰20 分钟前
Vue3 与 ElementPlus 前端常见错误修复实践
前端·vue.js
风之舞_yjf32 分钟前
Vue基础(35)_全局事件总线(GlobalEventBus)
前端·vue.js
程序员小八77741 分钟前
后端转全栈:前端思维转变(Vue 视角)
前端·vue.js·状态模式
宿6741 小时前
vue3-vite
前端·vue.js
单线程_0110 小时前
从案例分析 Vue3 Tokenizer 源码一
前端·javascript·vue.js
liangshanbo121513 小时前
Vue 3 <script setup> 的本质原理是什么?它与普通 setup()有何区别?
前端·javascript·vue.js
ji_shuke17 小时前
Vue 3 使用 History 哨兵和 popstate 拦截浏览器返回
前端·javascript·vue.js·history·哨兵·popstate