修改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;
}
相关推荐
进击的企鹅呀2 小时前
h5使用video播放时关掉vant弹窗视频声音还在后台播放
前端·vue.js·音视频·html5
匹马夕阳3 小时前
基于vite+vue3+mapbox-gl从零搭建一个项目
前端·javascript·vue.js
木心操作3 小时前
js使用qrcode与canvas生成带logo的二维码
开发语言·javascript·ecmascript
松堂飞萤4 小时前
Web开发(二)CSS3基础与进阶
前端·css·css3
嵌入式郑工4 小时前
ssh,samba,tftp,nfs服务安装和配置
java·前端·ssh
创意锦囊4 小时前
服务端渲染(SSR)与客户端渲染(CSR)详解
前端
林涧泣5 小时前
【Uniapp-Vue3】onShow和onHide钩子的对比和执行顺序
前端·vue.js·uni-app
阿珊和她的猫5 小时前
CSRF(跨站请求伪造)深度解析
前端·csrf
顽疲6 小时前
从零用java实现 小红书 springboot vue uniapp (10)系统消息模块 接收推送消息优化
java·vue.js·spring boot·uni-app
疯狂的沙粒6 小时前
如何将一个数组转换为字符串?
开发语言·前端·javascript·柔性数组