el-select 选中值

el-select的选中值可以通过绑定的value属性来获取。当选中项发生变化时，可以通过监听change事件，获取到选中的值。另外，如果想展示选中项的其他key值，可以使用scoped slot的方式，在el-option中使用template来自定义展示的内容。具体使用方法可以参考Element UI的文档。

相关问题

el-select 选中值后

el-select选中值后默认是可以删除的，但是如果需要禁止删除选中的值，可以通过设置el-select的disabled属性来实现。具体做法是将disabled属性设置为true，这样就会禁用删除选项的功能。

此外，如果需要实现el-select的多选功能并且选中的值不可删除，可以使用tag标签的形式展示选中的值，然后通过设置tag的closable属性为false来禁用删除按钮。这样就可以确保选中的值不会被删除。

另一种解决思路是实现el-select的数据懒加载，即只在需要展示数据时才加载数据，以提高性能。可以使用loadmore组件来实现这个功能，具体的实现方式可以参考相关的文档和示例代码。<span class="em">1</span><span class="em">2</span>
#### 引用[.reference_title]
- *1* [解决element-ui里的下拉多选框 el-select 时,默认值不可删除问题](https://download.csdn.net/download/weixin_38719564/13128690)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [el-select数据过多懒加载的解决(loadmore)](https://download.csdn.net/download/weixin_38582719/12941511)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]

el-select 选中值 过长时换行

`el-select` 是 Element UI 中的一个下拉选择组件，在处理较长选项列表时，默认不会自动换行显示完整的内容，特别是当选中的值过长时。不过，你可以通过自定义样式或者配置项来解决这个问题。

一种常见的做法是设置 `el-option` 的 `title` 属性，使其超出部分可以自动换行，比如：

<el-select placeholder="请选择">
  <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value"
    title="{{ item.label }} (如果内容太长，这里会被换行显示)"
  ></el-option>
</el-select>

然后你可以配合 CSS 样式调整，比如:

.el-select .el-input__inner {
  white-space: normal; /* 允许文本换行 */
  word-wrap: break-word; /* 当单词超出容器宽度时，允许折行 */
}

如果你需要在选中的状态时也换行，可以在 JavaScript 中监听 `select` 的 `change` 事件，动态改变选中项的 `title` 属性。