修改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;
}
相关推荐
Goodbaibaibai19 小时前
Element自定义主题色
前端·css·css3
灰海19 小时前
为什么给<a>标签设置了download属性, 浏览器没有下载而是打开新标签!!
前端·vue·html·下载·download
1024肥宅19 小时前
面试和算法:常见面试题实现与深度解析
前端·javascript·面试
计算机程序设计小李同学19 小时前
基于 Spring Boot 和 Vue.js 技术栈的网上订餐系统
vue.js·spring boot·后端
Ashley_Amanda19 小时前
JavaScript 中数组的常用处理方法
开发语言·javascript·网络
BD_Marathon19 小时前
Router_路由的基本使用
javascript
float_六七19 小时前
行级与块级元素:核心区别与应用场景
开发语言·前端·javascript
毕设十刻20 小时前
基于Vue的家教预约系统7fisz(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
前端无涯20 小时前
深度解析:fetch 与 Promise 结合实战及面试重点
前端·javascript
风舞红枫20 小时前
node代理vue打包后的文件,实现本地测试
前端·javascript·vue.js·node.js