问题一
el-select 赋予 multiple属性可以多选后,但有时内容过多、过长会溢出;如图所示
解决方案:
collapse-tags 可以将除第一项具体展示外,其他项按文字形式展示
效果如图所示:
问题二
由于选择数据过多,如果用户选错了,很难找到并取消。
所以希望能将下拉框单列变为两列。
解决方案
<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>