ant desgin vue 级联 fieldNames

Ant Design Vue 的级联选择器（Cascader）组件中的 fieldNames 属性用于自定义需要显示的字段名称。该属性是一个对象，包括 label、value 和 children 三个属性，分别对应选项中需要显示的标签、值和子选项。

例如，如果你有一个数据源为 [{id: 1, name: 'A', children: [{id: 2, name: 'B'}]}] 的级联选择器，你可以通过以下方式自定义需要显示的字段名称：

<template>
  <a-cascader
    :options="options"
    :field-names="{ label: 'name', value: 'id', children: 'children' }"
  />
</template>

<script>
export default {
  data() {
    return {
      options: [{id: 1, name: 'A', children: [{id: 2, name: 'B'}]}]
    }
  }
}
</script>

在上面的代码中，我们将 label 对应的字段名从默认的 label 改为了 name，将 value 对应的字段名从默认的 value 改为了 id，将 children 对应的字段名从默认的 children 改为了 children。

这样，当用户选择选项时，组件会使用自定义的字段名称来显示选项的标签、值和子选项。