<el-collapse-item :title="kindItem.name" :name="kindItem.id" v-for="(kindItem, index) in subjectItem.kindItems">
<template #title>
<div class="el-collapse-item-title">{{ kindItem.name }}</div>
</template>
</el-collapse-item>
style
.el-collapse-item-title {
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}