要素の複数選択ボックスのテキストが長すぎて、複数選択すると変形してしまう問題

スタイルを変更するにはスタイルを追加します

:class="gatewayIds.length > 1 ? 'tags_data' : ''"

<el-select size="small" @change="selectGateway" class="common_input"
          :class="gatewayIds.length > 1 ? 'tags_data' : ''" multiple collapse-tags filterable clearable
          v-model="gatewayIds" placeholder="全部">
          <el-option v-for="item in gatewayList" :key="item.id" :label="item.name" :value="item.id">
          </el-option>
        </el-select>

::v-deep .el-tag.el-tag--info {
  width: vw(100);
  display: flex;
  justify-content: space-between;
}
.tags_data {
  ::v-deep .el-tag.el-tag--info:last-of-type {
    width: vw(36);
  }
}

結果：