el-select选中后内容换行显示

要让 `el-select` 选中后的内容换行显示，可以通过设置 `el-option` 组件的 `slot-scope` 属性，使用自定义模板来实现。

例如，以下代码演示了如何让 `el-select` 中选中的内容换行显示：

<el-select v-model="selectedOption">
  <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value" :slot-scope="{ option }">
    <div class="option-label">{{ option.label }}</div>
    <div class="option-value">{{ option.value }}</div>
  </el-option>
</el-select>

在上面的代码中，我们使用了一个自定义模板，在 `el-option` 组件中添加了两个 `div` 元素，分别用于显示标签和值。然后，我们使用 `slot-scope` 属性将选项对象传递给自定义模板，以便在模板中使用。最后，我们可以通过 `CSS` 样式来控制 `div` 元素的显示方式，使其能够换行显示。

.option-label {
  white-space: normal;
  word-break: break-all;
}
.option-value {
  display: none;
}

在上面的代码中，我们设置 `option-label` 元素的 `white-space` 属性为 `normal`，以允许内容换行，同时使用 `word-break: break-all` 来控制单词的换行方式。我们还将 `option-value` 元素的 `display` 属性设置为 `none`，以隐藏默认的值显示。