在最近的项目中,小编用到了element ui中Select组件
主要场景是类别选择、分页组件的pageSize下拉选择中
但在使用过程中出现了下拉框最后一项显示不完整的情况
报错图
经过一番F12调试终于找出了原因所在
我在控制其他样式时写了一句

overflow: hidden;

为了避免其它样式的影响,保证效果正常渲染
针对select组件样式进行了如下填补

.el-select-dropdown .el-scrollbar .el-scrollbar__wrap
{
    overflow: scroll!important;
}

问题得以解决
解决图

补充
填补的样式一定要加!important,以及不能写在标记了scoped的style域内

Last modification:April 18th, 2020 at 03:19 pm
如果觉得我的文章对你有用,请随意赞赏