element plus 下拉框回显

Element Plus是一个基于Vue 3和Ant Design Vue的UI库，它提供了一个名为`el-select`的下拉框组件。如果你想要实现在下拉框中显示预设值并实现回显的功能，可以按照以下步骤操作：

1. 首先，在HTML模板中引入`el-select`组件，并设置一个v-model绑定，用于数据双向绑定：

<template>
  <el-select v-model="selectedValue" placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
    ></el-option>
  </el-select>
</template>

2. 然后，在你的JavaScript或TypeScript文件中，定义`options`数组（即下拉框的选项列表），以及`selectedValue`变量来存储当前选择的值：

<script setup>
import { ref } from 'vue';
const options = [
  { value: 'option1', label: 'Option 1' },
  { value: 'option2', label: 'Option 2' },
  // ...其他选项
];
const selectedValue = ref('');
</script>

3. 如果你想在页面加载时显示某个特定值，可以在`setup`钩子里初始化`selectedValue`：

setup() {
  const selectedValue = ref('option1'); // 初始化为默认值或其他选项值
  // ...
}

4. 当用户通过下拉框选择新的值时，`selectedValue`会自动更新。