vue antd 中labelInValue用法

在 Vue Antd 中，`labelInValue` 是一个非常有用的属性，它可以让你在 Select 组件中使用 label 作为 value，而不是默认的 key。

下面是 `labelInValue` 的用法：

<template>
  <a-select v-model="selectedValue" :labelInValue="true">
    <a-select-option v-for="(option, index) in options" :key="index" :value="option.label">
      {{ option.label }}
    </a-select-option>
  </a-select>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: { key: '1', label: 'Option 1' },
      options: [
        { key: '1', label: 'Option 1' },
        { key: '2', label: 'Option 2' },
        { key: '3', label: 'Option 3' },
      ],
    };
  },
};
</script>

在上面的代码中，我们将 `labelInValue` 属性设置为 `true`，并将 `v-model` 绑定到 `selectedValue`。我们遍历 `options` 数组，并将每个选项的 `label` 作为 `value`。当用户选择一个选项时，`v-model` 会更新为一个包含 `key` 和 `label` 的对象。

使用 `labelInValue` 属性可以使得我们更加方便地获取到选项的 label，而不需要再通过遍历数组来查找对应的 label。