typescript获取el-select选中的文本

在 TypeScript 中获取 `el-select` 组件选中的文本，可以通过以下步骤实现：

1. 首先，通过 `ref` 属性给 `el-select` 组件添加一个引用。

<template>
  <el-select v-model="selectedValue" ref="mySelect">
    <el-option label="Option 1" value="1"></el-option>
    <el-option label="Option 2" value="2"></el-option>
    <el-option label="Option 3" value="3"></el-option>
  </el-select>
  <button @click="getSelectedText">Get Selected Text</button>
</template>

2. 在组件的 `methods` 中，创建一个方法来获取选中的文本。

<script lang="ts">
import { Options, Select } from 'element-ui';

export default {
  data() {
    return {
      selectedValue: '',
    };
  },
  methods: {
    getSelectedText() {
      const selectElement: Select = this.$refs.mySelect as Select;
      const selectedOption: Options = selectElement.getOption(selectElement.modelValue);
      const selectedText = selectedOption.label;
      console.log(selectedText);
    },
  },
};
</script>

在上面的代码中，我们将 `el-select` 组件的引用转换为 `Select` 类型，并使用 `getOption` 方法获取选中的选项。然后，我们可以从选项中获取 `label` 属性，即所选项的文本。

请注意，上述代码假设您已经配置好了 Element-UI 库并正确导入了相关组件和类型。