collapse-tags

collapse-tags是一个功能，用于解决el-select选择框在多选模式下，选项内容过多或过长导致溢出的问题。它会将除了第一个选项以外的其他选项，以文字形式展示在一个Tag中，从而节省空间并避免文字溢出和换行的情况发生。

要实现这个效果，可以通过添加一段CSS样式来控制Tag的显示。具体的CSS样式代码如下：
.my-select >>> .el-select__tags > span {
display: flex;
}
.my-select >>> .el-select__tags span.el-tag:nth-child(1){
width: calc(100% - 40px);
}

此外，如果希望将下拉框的选项从单列变为两列，可以使用el-row和el-col来实现。代码示例如下：
<el-select ref="topicSelect" v-model="value1" filterable placeholder="请选择关注人" multiple clearable collapse-tags>
<el-row v-for="(item, index) in options" :key="index">
<el-col v-if="index % 2 == 1" :span="12">
<el-option :label="options[index-1].label" :value="options[index-1].value"></el-option>
</el-col>
<el-col v-if="index % 2 == 1 || (index % 2 == 0 && index == options.length-1)" :span="12">
<el-option :label="item.label" :value="item.value"></el-option>
</el-col>
</el-row>
</el-select>

通过以上的CSS样式和代码调整，可以实现collapse-tags功能和下拉框选项的多列显示效果。