使用vue3组合式语法 获取elemenPlus的el-select 里面的lable值

使用 Vue 3 的组合式 API 获取 Element Plus 的 el-select 组件中选中选项的 label 值的代码如下：

<template>
  <el-select v-model="selectedOption" ref="mySelect">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
  </el-select>
</template>

<script>
import { ref, onMounted } from 'vue'

export default {
  setup() {
    const selectedOption = ref(null) // 定义选中选项的变量
    const selectRef = ref(null) // 定义 el-select 组件的 ref

    const options = [
      { value: 'option1', label: '选项1' },
      { value: 'option2', label: '选项2' },
      { value: 'option3', label: '选项3' }
    ] // 定义选项列表

    onMounted(() => {
      console.log(selectRef.value.selected.label) // 打印选中选项的 label 值
    }) // 在组件挂载后打印选中选项的 label 值

    return { selectedOption, options, selectRef }
  }
}
</script>

在上述代码中，我们使用了 `ref` 函数创建了两个响应式变量 `selectedOption` 和 `selectRef`，分别用于存储当前选中的选项和 el-select 组件的引用。我们使用 `onMounted` 钩子在组件挂载后获取选中选项的 label 值，并使用 `console.log` 打印出来。在 el-select 组件中，我们使用了 `ref` 指令将组件的引用存储在 `selectRef` 变量中，从而方便后续的操作。