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

原来我认识你

于 2024-08-13 10:43:24 发布

阅读量705

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/Qyzcxy/article/details/141157822

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