ElementUI Select选择器如何根据value值显示对应的label

在ElementUI的Select组件中，可以通过v-model绑定选中的值，并且通过el-option的label属性来指定每个选项的展示文本。当你设置了v-model之后，Select会自动根据选中的值来查找对应的el-option并显示其label属性。

以下是一个简单的例子：

<template>
  <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>
</template>
 
<script>
export default {
  data() {
    return {
      selectedValue: '', // 这里将显示对应的label
      options: [
        { label: '选项1', value: '1' },
        { label: '选项2', value: '2' },
        { label: '选项3', value: '3' }
      ]
    };
  }
};
</script>

在这个例子中，selectedValue是绑定到Select组件上的模型，当用户选择一个选项时，selectedValue的值会更新为对应的value，Select组件会自动查找options数组中具有相同value的项，并显示其label。