修改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;
}
相关推荐
芥子沫29 分钟前
VSCode添加Python、Java注释技巧、模板
开发语言·前端·javascript
cos1 小时前
FE Bits 前端周周谈 Vol.2|V8 提速 JSON.stringify 2x,Vite 周下载首超 Webpack
前端·javascript·css
Ares-Wang2 小时前
Node.js 》》bcryptjs 加密
开发语言·javascript·node.js
wfsm2 小时前
pdf预览Vue-PDF-Embed
前端
wangbing11252 小时前
界面规范的其他框架实现-列表-layui实现
前端·javascript·layui
最爱吃南瓜2 小时前
JS逆向实战案例之----【通姆】252个webpack模块自吐
开发语言·javascript·爬虫·webpack·js逆向·算法模拟
Hurry62 小时前
web应用服务器tomcat
java·前端·tomcat
zhanshuo3 小时前
深度揭秘:如何在单页应用(SPA)中完美保留路由切换滚动位置,提升用户体验!
javascript
烛阴3 小时前
Sin -- 重复的、流动的波浪
前端·webgl
Murray的菜鸟笔记3 小时前
【ref、toRef、toRefs、reactive】
vue.js