vue获取select选中的label

要获取 select 元素选中的 label 值，可以通过以下步骤：

1. 获取 select 元素的引用，可以使用 ref 属性或者 $refs 对象。
2. 获取选中的 option 元素，可以使用 selectedOptions 属性。
3. 获取选中的 option 元素的 label 值，可以使用 label 属性。

示例代码如下：

<template>
  <div>
    <select ref="mySelect">
      <option value="1">选项1</option>
      <option value="2">选项2</option>
      <option value="3">选项3</option>
    </select>
    <button @click="handleClick">获取选中的值</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      const selectEl = this.$refs.mySelect;
      const selectedOption = selectEl.selectedOptions[0];
      const label = selectedOption.label;
      console.log(label);
    },
  },
};
</script>

在 handleClick 方法中，首先获取 select 元素的引用，然后通过 selectedOptions 属性获取选中的 option 元素，最后获取 label 值并输出到控制台中。