vue el-select下拉框在弹框里面错位,

1:原因是因为 底层滚动条滚动的问题。

2:解决方案

加上这个属性 :popper-append-to-body="false" 和样式

复制代码
<el-select
    :popper-append-to-body="false">
</el-select>

<style>
.el-select .el-select-dropdown {
    transform:translateX(-5px) !important; 
    position: absolute !important;
    left: 0;
    /* top: 35px; */
}
</style>

全局修改的话,把class样式 单独放一个css文件里面,然后在main.js里面引入

相关推荐
数据掘金3 分钟前
小程序埋点方案的埋点灰度发布怎么做?
前端
破烂三角裤4 分钟前
Vue 3 自动生成汉字拼音:pinyin-pro、Ruby 标签
vue.js
AiMan6 分钟前
读取Meta Muse列表并导出这个功能,是没办法做到的是吗?
前端
老于11116 分钟前
AI 生成内容标识落地:显式角标 + EXIF 隐式标识 + 内容编号台账
前端
RaaS1007 分钟前
AI网关选型指南:MAI Gateway(魔芋企业级AI网关)vs 开源方案全面对比
前端·后端
小画家~15 分钟前
vue3 里面的 itemList.reduce
前端·数据结构·算法
顽疲27 分钟前
java vue springboot 养老系统源码详解:退住 care_out 审批结算与腾床事务实践
java·vue.js·spring boot·vue养老·springboot养老·java养老
锋行天下31 分钟前
langgraph 循环节点的静态和动态实现
前端·后端
雪芽蓝域zzs33 分钟前
第 10 节:地图点击逆地理编码(点击地图获取经纬度 + 地址)
vue.js
斯内普吖37 分钟前
(开源)线上花店系统实战指南 基于 Java + SSM + Vue + MySQL
java·vue.js·mysql·开源