问题描述:
页面选择到三个选项时长度为三的时候就会开始抖动,其他长度没有问题,检索elements是发现选择第三个的时候他的select下的el-input-inner高度在89和90间频繁更换,element下拉多选时组件计算高度的问题,因为我这边项目页面整体缩放到了90%,所以计算出现了偏差.
解决方法:
.el-select {
position: relative;
.el-select__tags {
position: inherit;
transform: translateY(0);
padding: 3px 0;
min-height: 28px;
}
.el-select__tags ~ .el-input {
height: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
.el-input__inner {
min-height: 20px;
height: 100% !important;
}
}
.el-select__input.is-mini {
min-height: 20px;
}
}
提示:如果不生效可以加上::v-deep试一下。