如何高效使用Ant Design of Vue的Tree树形控件进行数据展示与交互？

本文共计2453个文字，预计阅读时间需要10分钟。

目录+基本使用+配置项+异步加载数据+事件+进阶使用+目录树+右键菜单树+可搜索的树+高级使用+添加树节点+总之说之+基本使用+配置项+replaceFields+数据渲染属性依赖3个字段：title+key+ch

目录

• 基本使用
• 配置项
• 异步加载数据
• 事件
• 进阶使用
• 目录树
• 右键菜单树
• 可搜索的树
• 高阶使用
• 添加树节点
• 总而言之

基本使用

配置项

replaceFields

数据渲染属性依赖3个字段：

• title
• key
• children

没有其他可携带的用户数据

对接实际后台返回的数据，很多时候不是直接的title、key可以让我们直接渲染，这个时候replaceFields 就派上了用场。