修改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;
}
相关推荐
_洋3 小时前
Three.js加载 .obj文件 和 .gltf文件
开发语言·javascript·ecmascript
梦想CAD控件3 小时前
网页端对DWG图纸进行预览与批注(CAD轻量化)
java·前端·javascript
代码煮茶3 小时前
Vue3 埋点实战 | 从 0 搭建前端用户行为埋点系统
vue.js
JustNow_Man4 小时前
【opencode】安装使用daytona沙箱插件
android·java·javascript
不吃土豆的马铃薯4 小时前
Spdlog 进阶:日志基本控制、日志格式控制、异步记录器
linux·服务器·开发语言·前端·c++
wait4 小时前
Vibe Coding 开发技巧
前端·javascript·人工智能
ZengLiangYi4 小时前
Vercel AI SDK 入门:一行代码切换 LLM Provider
前端·javascript·aigc
三乐2285 小时前
原型链是什么?五分钟教会你
javascript
ZengLiangYi5 小时前
Electron 入门:Web 应用打包成桌面软件
前端·electron
前端环境观察室5 小时前
别再靠人工记浏览器环境了:用 TypeScript 设计一套可审计模型
前端