element-ui 中 el-select 使用 value-key

使用场景
当 el-select 选项列表中的 value 是一个对象，而不是一个简单的原始值（如字符串、数字等），可以使用 value-key 来告诉组件哪个字段应该作为该对象的唯一标识符。这在你想让 el-select 使用复杂对象时特别有用。

示例
假设我们有一组用户对象，每个对象包含 id 和 name，并且我们希望 el-select 显示用户的 name，而选择的值应该是 id。

<template>
  <div>
    <el-select v-model="selectedUser" placeholder="请选择用户" value-key="id">
      <el-option
        v-for="user in users"
        :key="user.id"
        :label="user.name"
        :value="user">
      </el-option>
    </el-select>

    <p>选择的用户ID是: {{ selectedUser.id }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedUser: null, // 选择的用户对象
      users: [
        { id: 1, name: 'Alice' },
        { id: 2, name: 'Bob' },
        { id: 3, name: 'Charlie' }
      ]
    };
  }
};
</script>