el-select怎么根据value值展示label

要根据value值展示label，你可以使用el-select的filterable属性结合computed属性或watch来实现。

下面是一个示例代码：

<template>
  <el-select v-model="selectedValue" filterable 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>

在上述代码中，我们使用了el-select的filterable属性，它允许用户输入进行筛选。

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

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

这样，当用户输入value值或选择一个选项时，el-select会根据value值展示对应的label。同时，selectedValue变量会根据用户的输入或选择进行更新。