a-select options 修改 label 和 key 的名字

`a-select`组件是Ant Design Vue库中的下拉选择组件，如果你想修改它的选项中的`label`（标签）和`key`（键值），通常是为了自定义展示文本或者关联数据。在`v-model`绑定的对象数组中，每个选项是一个对象，包含两个属性：

1. `label`（默认名）：显示在用户界面的文字描述。
2. `value` 或 `key`：用于标识和存储实际值的字段。`key`通常是默认的，如果你需要改变它，可以在`option`对象中指定一个新的`key`属性，如：

<template>
  <a-select v-model="selectedValue">
    <a-option
      v-for="(item, index) in options"
      :key="index"  <!-- 使用索引作为新的key -->
      :label="itemCustomLabel"  <!-- 自定义的标签名 -->
      :value="item.value"> {{ itemCustomLabel }} </a-option>
  </a-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      options: [
        { value: 'Option1', originalLabel: '原始标签1', itemCustomLabel: '自定义标签1' },
        { value: 'Option2', originalLabel: '原始标签2', itemCustomLabel: '自定义标签2' }
      ]
    };
  }
};
</script>

在这里，`itemCustomLabel`用于替换原生的`label`，而`value`保持不变，因为它是实际的数据关联字段。