vue ant-design Tree树结构 同步加载

公司业务需要，让我一个后台，Vue零基础来用Ant Design，也是逼得我崩溃啊！
尤其这个Tree，恨透了我！官网的是异步加载，但是也不可用，这里是没有**return resolve()**这个方法的，和Element UI的写法不同，大家千万不要忘了！
树结构

<a-tree
            :treeData="treeData"
            :loadData="onLoadData"
          >
          </a-tree>

这个方法是转换你的数据，让Tree认识，key和title是固定的，其他的需要什么就在return里写什么。
getTreeOrgs(datas) {
      return datas.map(data => {
        return {
          title: data.name,
          key: data.code,
          parentCode: data.parentCode
        }
      })
    }
async onLoadData(treeNode) {
      const treeDataRes = await getOrgTreeList({parentCode:treeNode.dataRef.key})
      const treeSet = this.getTreeOrgs(treeDataRes.data)
      treeNode.dataRef.children = treeSet
      this.treeData = [...this.treeData]
    }

完美收官！