修改el-select下拉框位置

复制代码
<el-select v-model="value1" :teleported="false" popper-class="search-select-option" placeholder="请选择">
                        <el-option
                        v-for="item in options1"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                        </el-option>

主要是加上 :teleported="false"
以及 popper-class="search-select-option"
这个popper-class的名字可自行设置,注意:每一个el-select都要设置popper-class,然后进行位置的修改,因为位置是相对于页面整体来设置的

css如下

复制代码
.search-select-option{
    top: 120px !important;
}
.search-select-option2{
    top: 463px !important;
}
.search-select-option3{
    top: 805px !important;
}
相关推荐
Jagger_12 分钟前
Cursor + Apifox MCP:告别手动复制接口,AI 助你高效完成接口文档开发
前端
IT_陈寒28 分钟前
Redis性能优化:5个被低估的配置项让你的QPS提升50%
前端·人工智能·后端
Hilaku35 分钟前
重新思考CSS Reset:normalize.css vs reset.css vs remedy.css,在2025年该如何选?
前端·css·代码规范
袁煦丞1 小时前
一图看懂Docker管理 Portainer:cpoar内网穿透实验室第652个成功挑战
前端·程序员·远程工作
右子1 小时前
微信小程序开发“闭坑”指南
前端·javascript·微信小程序
AGG_Chan1 小时前
flutter专栏--深入了解widget原理
开发语言·javascript·flutter
冰镇生鲜1 小时前
前端模拟 流式文本接口 打字机效果 mockStreamText
javascript
入秋1 小时前
Three.js后期处理实战:噪点 景深 以及色彩调整
前端·javascript·three.js
Asort2 小时前
JavaScript设计模式(七)——桥接模式:解耦抽象与实现的优雅之道
前端·javascript·设计模式
golang学习记2 小时前
从0死磕全栈之Next.js 应用中的认证与授权:从零实现安全用户系统
前端