项目场景：

and-design-vue TreeSelect组件的replaceFields属性遇到的bug—新手发布， 不要纠细节。

问题描述1：

问题1： replaceFields属性不生效，且官方文档中没有提到版本问题。

解决方案：

事实是，ant-design-vue 版本必须在1.61以上才可以实现效果。

问题描述2：

问题2： replaceFields属性生效，不影响使用，但是报错。

正确代码：

<a-tree-select v-if="record.editable" v-model="record.www" style="width: 100%" :dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="orgData" :replaceFields="replaceFields" > </a-tree-select> . . . replaceFields: { children: 'children', title: 'title1', key: 'key1', value: 'value1' }

原因分析：

TreeSelect组件和Tree组件API中的replaceFields属性不同：

TreeSelect组件中，data中设置的replaceFields的children, key, value, title四个字段中, key和value必须是唯一值, 否则报错 。

Tree组件中，data中设置的replaceFields只有children, key, title三个字段，比TreeSelect组件中少一个value，这个value不设置会导致图片中的报错。

结束语：

因为数据量特别大, 上万条报错很壮观。还是细节决定成败，仔细看文档就不会犯这种小错了，共勉。