el-select选中文字回显过长如何展示

在Vue.js的Element UI库中的el-select组件（下拉选择框），如果选中的文本内容过长导致显示不完全，你可以通过设置`placeholder`属性或者自定义模板来自适应展示。

1. **设置`placeholder`属性**：
如果默认展示的是超过容器长度的文字，可以将`placeholder`设置为省略号加实际长度，如 `placeholder="超出部分...({{ length }}字)"`，其中`length`可以用计算属性获取选中值的实际字符数。

2. **自定义模板**：
使用`<template>`标签提供一个自定义的下拉选项模板。例如：

   <el-select v-model="selectedValue" placeholder="点击选择">
     <el-option
       v-for="(item, index) in options"
       :key="index"
       :label="item.label"
       :value="item.value"
       :disabled="item.disabled">
       {{ item.label }}
     </el-option>
   </select>

在这个模板里，你可以控制如何显示选中的内容，比如使用`title`属性展示完整的内容，或者使用`mouseover`事件触发一个工具提示显示全部文本。

如果你需要动态调整显示样式，还可以借助CSS处理，比如设置`white-space: nowrap`并在元素上添加`overflow: hidden`，然后使用`text-overflow: ellipsis`来显示省略号。