修改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;
}
相关推荐
Fluxart.ai13 分钟前
电商商品图审核怎么自动化?规则引擎、人工复核与发布门禁
java·前端·自动化
why技术22 分钟前
AI 写的文章,可能都带着手敲一遍都去不掉的“隐形水印”。
前端·人工智能·后端
愚公搬代码41 分钟前
【愚公系列】《Android应用案例开发大全》016-LBS类应用掌上杭州(辅助工具类的开发)
android·前端
CodeSheep44 分钟前
又一个华为天才少年,离职了!
前端·后端·程序员
kyriewen1 小时前
面试官说"打开你的AI工具"——我才发现,他考的根本不是写代码
前端·人工智能·面试
IT_陈寒2 小时前
Vue的双向绑定把我坑惨了,原来这个场景不能用
前端·人工智能·后端
hunterandroid3 小时前
[Android 从零到一] Compose LazyColumn 性能优化:key、稳定性与重组治理
android·前端
lichenyang4533 小时前
从一次团队邀请开始:用 React、NestJS 与 Socket.IO 做可靠的实时通知
前端
vtian3 小时前
一篇文章吃透 Monorepo:pnpm + Turborepo + Changesets 全流程实战(含 8 个踩坑)
前端
默_笙3 小时前
❗ 点击计数按钮,为什么"峨眉队"也跟着重新渲染?React.memo 说:我记住了
前端·javascript