el-table树形数据一二级数据结构不同怎么展开行?

后台返回数据,teams数组为子级列表

img


teams数据结构

img


要实现的效果

img


将后台返回的groupName作为一级列表,teams数组中的teamName作为二级,这种数据结构要怎么用el-table的展开行,一二级数据结构不同,怎么实现?

带有 层级关系的 数据就行 。 tree-props 改成 teams

img

在获取数据后循环判断一层是否和二层数据相同,然后再判断列表是否默认展开

可以考虑 用 el-table 的load 。load特性可以动态的去设置子集,然后里面写你的逻辑就好了。