element-ui select 选中value label

您可以使用 `v-model` 绑定 `select` 组件。`v-model` 绑定的值就是选中的 `option` 的 `value`。如果需要同时获取选中的 `label`，可以使用 `find` 方法，根据 `value` 找到对应的 `option`，再获取其 `label`。

示例代码：

<template>
  <div>
    <el-select v-model="selectedValue" placeholder="请选择">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
    <p>选中的 value：{{ selectedValue }}</p>
    <p>选中的 label：{{ selectedLabel }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: '1', label: '选项1' },
        { value: '2', label: '选项2' },
        { value: '3', label: '选项3' },
      ],
    };
  },
  computed: {
    selectedLabel() {
      const option = this.options.find((item) => item.value === this.selectedValue);
      return option ? option.label : '';
    },
  },
};
</script>