【无标题】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;
  }
}
相关推荐
xsbcme2 小时前
VueTabRouter 插件实践(一):多标签页不是一排 TabBar
vue.js
云水一下4 小时前
Vue.js从零到精通系列(三):组件化基础——Props、Emits、插槽与生命周期
前端·javascript·vue.js
英勇无比的消炎药6 小时前
少踩坑TinyVue插槽事件编码规范详解
vue.js
2401_868534787 小时前
5G和4G接入网对比介绍
vue.js
chushiyunen8 小时前
vue export default
前端·javascript·vue.js
北极星日淘9 小时前
可买免税店货物与安耐晒——特殊商品代购技术方案
javascript·vue.js·elementui
youyu-youyu9 小时前
oss阿里云图片链接url高清图片设置为缩略图 vue 减少加载体积流量
前端·javascript·vue.js·阿里云·云计算
低保和光头哪个先来9 小时前
聊聊 CSS 编译和 scoped 实现
前端·css·vue.js
_codeOH1 天前
Vue 3 vs React 19:框架还在卷,核心原理就这些
前端·vue.js
英勇无比的消炎药1 天前
新手必看玩转TinyRobot一定要避开这些坑
前端·vue.js