el-select 多选如何获取label

对于 el-select 组件的多选模式，可以使用 v-model 指令来绑定一个数组，该数组会保存选中的值。如果想获取选中值的 label，可以通过遍历这个数组，根据值找到对应的 label。

下面是一个示例代码：

<template>
  <div>
    <el-select v-model="selectedOptions" multiple>
      <el-option
        v-for="option in options"
        :key="option.value"
        :label="option.label"
        :value="option.value"
      ></el-option>
    </el-select>
    <button @click="getSelectedLabels">获取选中的 label</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        { value: 'option1', label: '选项1' },
        { value: 'option2', label: '选项2' },
        { value: 'option3', label: '选项3' },
      ],
      selectedOptions: [],
    };
  },
  methods: {
    getSelectedLabels() {
      const selectedLabels = this.selectedOptions.map(optionValue => {
        const selectedOption = this.options.find(option => option.value === optionValue);
        return selectedOption ? selectedOption.label : '';
      });
      console.log(selectedLabels);
    },
  },
};
</script>

在上面的示例代码中，通过 v-model 指令将选中的值绑定到 `selectedOptions` 数组上。在 `getSelectedLabels` 方法中，我们遍历 `selectedOptions` 数组，通过 `Array.find` 方法找到对应的选项对象，然后获取其 label 属性，最终得到选中值的 label 数组。