现象: 使用elementUI 的select多选组件时,在Google浏览器下,添加多个选项后会出现输入框高度抖动变化的现象。F12查看代码发现撑开的input高度会在两个 高度值 来回变化,导致页面渲染出现抖动的现象。
解决1
在我的项目中未改动前.el-tag–mini的height值为20,将其修改为20左右(不能是20)的值即可
//从框架源码解决问题
/deep/ .el-tag--mini {
height: 21px;
}
解决2:
问题应该是谷歌浏览器版本问题。只需要给 el-tag 设置 margin 即可
//给 el-tag 设置 margin 即可
.el-tag { margin: 2px }