Element-UI输入框多选的时候只显示一个，多选用数字+1、+2表示多选的个数

偶然间发现这个属性，本来看到页面的效果我以为是用原生js写的，看了代码才知道是这个属性

效果如下图1：

 在多选的时候，只显示第一个选项，然后用数字显示出多选的个数；

一般用普通的都是显示出每个选项（图2）

 做到 图2 到 图1 效果的，就是这个属性：collapse-tags

图1的代码如下：

<template>
  <div class="appBody">
          <div>
            <span>爱好是什么：</span>
            <el-select clearable
                       multiple
                       collapse-tags
                       v-model="checkData"
                       @change="stockExchangeNoChange"
                       value-key="valueCode">
              <el-option v-for="item in stockExchanges"
                         :key="item.valueName"
                         :label="item.valueName"
                         :value="item">
              </el-option>
            </el-select>
          </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      checkData:'',
      stockExchanges:['篮球','足球','排球','书法','绘画']
    };
  },
};
</script>