vue3语法 elementplus el-select获取选中文本值

在Vue3中使用Element Plus库的`el-select`组件时，如果你想获取用户选择的文本值，可以按照以下步骤操作：

1. 首先，在模板（template）部分，将`el-select`元素绑定到一个数据属性上，例如`selectedValue`：

<template>
  <el-select v-model="selectedValue">
    <!-- 这里是你选项的数据源 -->
    <el-option
      v-for="(item, index) in options"
      :key="index"
      :label="item.label"   {/* item.label 通常代表显示的文本 */}
      :value="item.value"   {/* item.value 通常是关联的实际值 */}
    ></el-option>
  </el-select>
</template>

2. 然后，在你的script部分，定义`options`数组作为下拉框的选项，并设置默认的`selectedValue`：

<script setup>
import { ref } from 'vue';
const options = [
  // 你的选项数据，每个对象有 label 和 value 属性
];

const selectedValue = ref(null);  // 初始化为空

// 如果用户选择了某个值，selectedValue 的值会自动更新
console.log('当前选择的文本:', selectedValue.value);
</script>

当你需要获取选中的文本时，可以直接从`selectedValue`中读取。如果用户未做选择，`selectedValue`会保持初始的`null`。