使用前提是el-select选择后展示后端返回的数组并且禁用状态下collapse-tags-tooltip失效。而且el-select有宽度高度限制
1.话不多,直接上代码
<el-tooltip
class="box-item"
effect="dark"
:content="(contForm.jdxwList).join(',')"
placement="top-start"
>
<el-select
v-model="contForm.jdxwList"
clearable
disabled
multiple
collapse-tags
collapse-tags-tooltip
>
<el-option
v-for="item in extremeBehaviorList"
:key="item.dictKey"
:label="item.dictValue"
:value="item.dictValue"
/>
</el-select>
</el-tooltip>
明确后端返回的数组中不包括对象,arr:[‘1’,‘2’,‘3’]是这种的数组
展示的效果就是数字转成字符串展示
nice,效果棒棒的!!!!!