页面抖动问题

页面抖动问题

• 问题描述

使用vue下拉多选框，选择几项数据，有些会出现页面抖动的问题。考虑是由于多选出现元素高度变化时，一些元素的高度处于可显示滚动条也可不显示滚动条的状态，导致页面出现抖动。

• 解决方法

直接修改引发改变的元素

改变多选项span标签的高度，避免撑开的选择控件的高度导致的问题。或者也可以修改其他相关元素的样式。

.input-select {
  .el-tag--small {
    height: 26px !important;
  }
}