Ant Design Vue Select使用 fieldNames拼接

Ant Design Vue 是基于 Ant Design 和 Vue 的企业级中后台前端/设计解决方案。它提供了一套完整的组件库，使得开发人员可以快速构建高质量的 UI 界面。在使用 Select 组件时，我们可以通过 `fieldNames` 属性来自定义数据项的键名。

`fieldNames` 是一个对象，可以用来指定 Select 组件中 `option` 的 `value`、`label` 和 `children` 属性对应的键名。默认情况下，`fieldNames` 的值如下所示：

{
  value: 'value', // 对应 option 的 value 属性
  label: 'label', // 对应 option 的 label 属性
  children: 'children', // 对应 option 的 children 属性，用于级联下拉菜单
}

如果后端返回的数据结构不符合默认的 `fieldNames` 格式，或者你需要使用自定义的字段名来适配你的数据格式，你可以通过设置 `fieldNames` 属性来实现。例如，如果后端返回的数据中 `value` 字段为 `key`，`label` 字段为 `title`，你可以这样设置：

<a-select :fieldNames="{ value: 'key', label: 'title', children: 'children' }">
  <!-- Select组件的其他部分 -->
</a-select>

这样，Select 组件就会根据 `fieldNames` 中定义的键名来渲染 `option`。