vue3 el-select中 v-model用法

在Vue3中，`el-select`是Element UI库中的下拉选择框组件，它通常用于用户从一组选项中进行选择。`v-model`是Vue的双向数据绑定指令，在`el-select`中用法如下：

<template>
  <el-select v-model="selectedValue">
    <!-- 选项项 -->
    <el-option
      v-for="(item, index) in options"
      :key="index"
      :label="item.label"
      :value="item.value"
    ></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '', // 默认选中的值
      options: [
        { value: 'Option 1', label: 'Option 1' },
        { value: 'Option 2', label: 'Option 2' },
        // 更多选项...
      ]
    };
  }
};
</script>

这里的`v-model="selectedValue"`表示当用户在下拉列表中选择一个选项时，`selectedValue`会自动更新为其对应的`value`属性的值；反之，当你直接修改`selectedValue`的值，如`this.selectedValue = 'newOption'`，`el-select`的选择也会同步更新为新指定的值。