最近公司在做一个基于vue开发的项目，项目需要开发一个展示组织架构的树组件，在网上搜了半天，没有找到合适的，下面小编给大家分享一个基于Vue制作组织架构树组件，需要的朋友参考下吧

由于公司业务需求，需要开发一个展示组织架构的树组件（公司的项目是基于Vue）。在GitHub上找了半天，这类组件不多，也没有符合业务需求的组件，所以决定自己造轮子！ 分析 既然是树，那么每个节点都应该是相同的组件 节点下面套节点，所以节点组件应该是一个 递归组件 那么，问题来了。递归组件怎么写？ 递归组件 Vue官方文档是这样说的： 组件在它的模板内可以递归地调用自己。不过，只有当它有 name 选项时才可以这么做 接下来，我们来写一个树节点递归组件： <div clas