element select多选后出现页面频繁抖动的问题

Question

题目描述

element select多选后出现页面频繁抖动的问题

题目来源及自己的思路

做select多选的时候选择到第三个的时候页面开始频繁抖动，选择其他则没有问题，我检索了下发现当选择第三个的时候elements里面的el-input-inner样式高度一直在59和60之间来回切换不知道这是什么情况

相关代码

<el-select class="select_single w260 mr10" id="selectCss"

        v-model="purchaseType"
        placeholder="请选择"
        multiple
    @change="purchaseTypeHandle">
    <el-option key="" label="全部" value="" @click.native='selectAll'></el-option>
    <el-option
      v-for="item in purchaseTypeList"
      :key="item.dictItemValue"
      :label="item.dictItemName"
      :value="item.dictItemValue">
    </el-option>
  </el-select>
  
  样式://超过指定高度出现滚动条
   .purchaserequest .popup_part .el-dialog__wrapper .el-dialog__body .el-tabs {
      min-height: 300px;
    }
    .purchaserequest .el-select__tags{
      max-width: 168px;
      max-height: 110px;
      overflow-y: auto;
    }