怎么获取el-select选中value

您可以通过监听 el-select 的 change 事件，从 event 参数中获取选中的 value 值。具体代码实现可以参考以下示例：

<template>
  <el-select v-model="selected" @change="handleSelect">
    <el-option label="Option 1" value="option1"></el-option>
    <el-option label="Option 2" value="option2"></el-option>
    <el-option label="Option 3" value="option3"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selected: ''
    }
  },
  methods: {
    handleSelect(value) {
      console.log(value); // 打印选中的 value 值
    }
  }
}
</script>

相关问题

怎么获取el-select选中的值

你可以通过在 `el-select` 组件上监听 `change` 事件来获取选中的值，例如：

<el-select v-model="selectedValue" @change="handleSelectChange">
  <el-option label="Option 1" value="value1"></el-option>
  <el-option label="Option 2" value="value2"></el-option>
  <el-option label="Option 3" value="value3"></el-option>
</el-select>

data() {
  return {
    selectedValue: ''
  }
},
methods: {
  handleSelectChange(value) {
    console.log(value)
  }
}

在上面的示例中，`selectedValue` 是绑定在 `el-select` 组件上的选中值，`handleSelectChange` 方法会在选中值改变时被调用，并将选中的值作为参数传入，你可以在这个方法中对选中的值进行处理。

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 库并正确导入了相关组件和类型。