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

相关推荐
We་ct3 分钟前
LeetCode 1. 两数之和:两种高效解法(双指针 + Map)
前端·算法·leetcode·typescript·哈希算法
LYFlied8 分钟前
边缘智能:下一代前端体验的技术基石
前端·人工智能·ai·大模型
1024小神10 分钟前
用css的clip-path裁剪不规则形状的图片展示
前端·css
铅笔侠_小龙虾15 分钟前
Flutter 组件层级关系
前端·flutter·servlet
梵得儿SHI18 分钟前
Vue 高级特性:渲染函数与 JSX 精讲(h 函数语法、JSX 在 Vue 中的应用)
前端·javascript·vue.js·jsx·模板语法·渲染函数·底层视图生成机制
GGGG寄了19 分钟前
CSS——文字控制属性
前端·javascript·css·html
菜鸟茜25 分钟前
ES6核心知识解析01:什么是ES6以及为什么需要ES6
前端·javascript·es6
David凉宸26 分钟前
Vue 3 项目的性能优化策略:从原理到实践(页面展示)
javascript·vue.js·性能优化
C澒30 分钟前
FE BLL 架构:前端复杂业务的逻辑治理方案
前端·架构·前端框架·状态模式
摘星编程31 分钟前
在OpenHarmony上用React Native:ImageGIF动图播放
javascript·react native·react.js