vue3 el-select，选中下拉选显示

Vue3 中的 `el-select` 组件是 Element UI 库提供的下拉选择组件，它通常用于让用户从预设选项中进行单选或多选。当你想要在用户选中某个选项后立即显示相关的数据或状态，可以按照以下步骤操作：

1. **绑定值**: 首先，在模板中将 `el-select` 的 `value` 属性绑定到一个变量上，例如 `selectedOption`，这样当用户选择新的选项时，这个变量会自动更新。

<el-select v-model="selectedOption">
  <!-- 下拉选项 -->
</el-select>

2. **选项动态绑定**: 您需要提供一个包含选项的数据源，比如一个数组，然后在下拉列表中通过循环渲染。当用户更改选择时，`v-model` 的变化会触发组件内部的选择改变。

<script>
export default {
  data() {
    return {
      options: ['选项A', '选项B', '选项C'],
      selectedOption: '',
    };
  },
};
</script>

3. **响应式处理**: 当 `selectedOption` 改变时，你可以根据需求更新视图或其他业务逻辑。例如，如果你有一个显示区显示所选选项的详细信息，可以用 `selectedOption` 来获取并更新。

<div>{{ selectedOption ? `你选择了：${selectedOption}` : '未选择' }}</div>

4. **事件监听**: 如果你需要更复杂的交互，可以监听 `change` 或 `input` 事件，它们会在用户做出选择后立即触发。

<el-select @change="handleSelectChange"></el-select>

methods: {
  handleSelectChange(value) {
    // 对所选值做进一步处理
  }
}