el-select怎么根据value选中label

要根据value值选中el-select的label，可以通过v-model绑定el-select的value属性，并使用computed属性或watch来实现。

下面是一个示例代码：

<template>
  <el-select v-model="selectedValue" placeholder="请选择">
    <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: 'option1', label: '选项1' },
        { value: 'option2', label: '选项2' },
        { value: 'option3', label: '选项3' }
      ]
    }
  },
  computed: {
    selectedLabel() {
      const selectedOption = this.options.find(option => option.value === this.selectedValue)
      return selectedOption ? selectedOption.label : ''
    }
  },
  watch: {
    selectedValue(newValue) {
      const selectedOption = this.options.find(option => option.value === newValue)
      if (selectedOption) {
        this.selectedLabel = selectedOption.label
      } else {
        this.selectedLabel = ''
      }
    }
  }
}
</script>

在上述代码中，我们使用v-model绑定了selectedValue变量来存储用户选择的值。

使用computed属性selectedLabel来获取根据selectedValue选中的label。通过在options数组中查找与selectedValue相匹配的选项，并返回其label属性。

通过watch监听selectedValue的变化，如果selectedValue的值改变，则根据新的值找到对应的选项，并将其label赋值给selectedLabel。

这样，无论是通过用户选择还是通过代码改变selectedValue的值，都能保证el-select正确显示对应的label。