vue中嵌套树状结构

1、v-for
样式如下
数据（数组包含对象，对象中嵌套children数组）

实现：
标签v-for遍历数组children，嵌套一层v-for继续在子项中遍历children

2、el-tree + 递归函数
样式

数据（数组包含对象，对象中嵌套children数组）

实现
（1）、el-tree属性props中设置label（要显示的内容）children(子集关系)
（2）、属性node-key（唯一标识） default-expanded-keys（默认展开的）default-checked-keys（默认选中的）通过递归把三层嵌套关系中的node-key全部放入一个数组，对应默认展开和选中

3、el-cascader
样式

数据（与上同）

实现
el-cascader属性props 设置expandTrigger（展开方式）value（唯一标识）label（显示）children（子集关系）

4、vue-table-with-tree-grid第三方插件
样式

数据

实现

配置好属性会自动按对象中的children实现树状结构