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

相关推荐
小桥风满袖22 分钟前
极简三分钟ES6 - ES9中对象扩展
前端·javascript
云舟吖31 分钟前
基于 electron-vite 实现一个 RPA 网页自动化工具
前端·架构
用户94818176754433 分钟前
超越NAT:如何构建高效、安全的内网穿透隧道
前端
明天的明37 分钟前
vue双向数据绑定失效
前端
bug_kada39 分钟前
前端路由:深入理解History模式
前端·面试
LIUENG41 分钟前
快速开发一个 VSCode 插件
前端·visual studio code
bug_kada41 分钟前
前端路由:Hash vs History,一篇讲明白!
前端·面试
城中的雾41 分钟前
HarmonyOS应用拉起系列(三):如何直接拉起腾讯/百度/高德地图进行导航
前端·javascript·harmonyos
李明卫杭州44 分钟前
CSS 中 nth-child 选择器的详细用法和示例
前端
会豪44 分钟前
CSS 动画属性精讲:从基础到实战
前端·css