问题
在用 Vue 框架写前端代码的时候,使用了element-ui 版本是2.15.14
用到了 el-select 组件,按照示例添加 el-select,页面显示错乱
解决办法
1. 设置 :popper-append-to-body=“false”
<el-select :popper-append-to-body="false" </el-select>
2. 修改样式 el-select-dropdown__item
修改 .el-select-dropdown__item
.el-select-dropdown__item{
display: block;
}
修改后下拉列表正常了,但是还可能出现最下面一个选项显示不全的问题
3. 修改样式 el-select-dropdown__list
继续修改 .el-select-dropdown__list
,如果修改后没有生效就要加上 !important
.el-select-dropdown__list{
padding-top: 0px !important;
padding-bottom: 15px !important;
}
修改后最后一个选项显示正常
还有什么好的方法吗?欢迎留言!