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里面引入

相关推荐
DDXYcoder几秒前
万字解析动态内存从编译到运行
java·前端·算法
光影少年1 分钟前
react navite封装一个RN 通用按钮组件
前端·javascript·react native·react.js·前端框架
晴天162 分钟前
CSS 预处理器深度解析-Day35
前端·css
恋猫de小郭5 分钟前
AI 时代,也许你的 Flutter 需要一套 Dartastic OpenTelemetry 监控
android·前端·flutter
独立开发之道6 分钟前
【three.js教程】Three.js 矩阵变换:position/quaternion/scale 和 matrix 到底怎么配合
开发语言·javascript·矩阵
wujiuhsu7 分钟前
前端实现二维码生成器:Canvas、SVG、纠错等级、扫码校验与批量
前端
计算机魔术师12 分钟前
从卖铲人到圈地:英伟达129亿拿下Hugging Face
前端
攻城狮-申16 分钟前
git本地分支对齐远程分支
前端·git
IT_陈寒23 分钟前
Vite热更新突然失效?可能是这个配置在捣鬼
前端·人工智能·后端
一只小阿乐32 分钟前
java 快速上手开发 2
java·开发语言·前端