树形结构子级长度为1时平铺


1、需求说明

在使用elementUI2.0+版本的树形组件的时候,在展现上并不那么灵活,全部展开的时候,会占用太长的空间。所以,当树的各级子级只有一个的时候,可以将节点平铺,超过1个的时候,则仍然按照树形展示。

2、代码实现

涉及到树,肯定得用到递归了,递归平时用的比较少,这次写的时候没有那么如鱼得水,调试了几次才好。这里记录一下,好好理解一下,下次遇到就会容易啦。(只为成功找方法,不为失败找借口。不需要去想为什么简单的一个递归要调较多时间,只需要想清楚最终成功是因为什么,脑子里装不下太多的东西是不是记录下来比较好。)

以下是一个完整的demo,关键的转化方法是treeToFlat





3、效果展示