el-select选项过长

参考: https://blog.csdn.net/SmallTeddy/article/details/118605678


<el-select v-model="form.id" placeholder="请选择" style="width: 100%">
    <el-option
    v-for="item in list"
    :key="item.id"
    :label="item.title"
    :value="item.id"
    >
    <!-- 需要注意的是这里必须是item中存在的字段(item.title),而不是item.label -->
    <el-popover v-if="item.title.length >= 25" placement="top-start" width="400" trigger="hover">
     <p>{{ item.title }}</p>
    <span slot="reference">{{ item.title.slice(0,22) + '...' }}</span>
    </el-popover>
    <span v-else>{{ item.title }}</span>
    </el-option>
</el-select>