【无标题】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;
  }
}
相关推荐
MXN_小南学前端3 分钟前
computed 计算属性详解:触发时机、实战场景、Vue2 与 Vue3 对比
前端·javascript·vue.js
六月的可乐34 分钟前
知识库检索入门:从普通 RAG、知识图谱 RAG 到 LLM Wiki,一篇讲清原理、区别与选型
vue.js·人工智能·openai
James_WangA1 小时前
3D 数字孪生联调实录:打通上位机与浏览器的最后一公里
vue.js
h_65432101 小时前
公告/消息提示从右向左循环滚动vue
前端·javascript·vue.js
米丘1 小时前
vue3.x 编译 script setup 编译过程
vue.js·node.js·babel
Lkstar1 小时前
读懂 Vue3 响应式源码:从枚举到 Proxy 拦截器
vue.js
jiayong231 小时前
第 40 课:任务详情抽屉里的编辑 / 删除联动强化
java·开发语言·前端·javascript·vue.js·学习
Mr.mjw1 小时前
vue中使用 postcss-px-to-viewport 插件实现多屏适配
javascript·vue.js·postcss
踩着两条虫2 小时前
VTJ: 区块管理功能
vue.js·低代码·ai编程
nvvas2 小时前
Could not resolve “@intlify/vue-devtools‘ node modules/. pnpm/vue-118n@9. 14
前端·javascript·vue.js