平铺的树形结构--------树形的应用

1.平铺的数据

0: {id: "604e115c7bfcfa45d019d3e9", pid: "-1", name: "传智教育", code: "1", introduce: "程序员的摇篮",…}
1: {id: "604e222bb205b95968e1312a", pid: "", name: "行政部", code: "XZB", manager: "管理员", introduce: "行政部",…}
2: {id: "604e223fb205b95968e1312b", pid: "", name: "人事部", code: "RSB", manager: "管理员", introduce: "人事部",…}
3: {id: "604e2251b205b95968e1312c", pid: "", name: "财务部", code: "CWB", manager: "管理员", introduce: "财务部",…}
4: {id: "604e2262b205b95968e1312d", pid: "604e2251b205b95968e1312c", name: "财务核算部", code: "CWHSB",…}
5: {id: "604e227db205b95968e1312e", pid: "604e2251b205b95968e1312c", name: "税务管理部", code: "SWGLN",…}
6: {id: "604e2297b205b95968e1312f", pid: "604e2251b205b95968e1312c", name: "薪资管理部", code: "XZGLB",…}
7: {id: "6051ad90e93db6522c1d00d2", pid: "", name: "技术部", code: "JSB", manager: "孙财", introduce: "技术部",…}
8: {id: "6051adb6e93db6522c1d00d3", pid: "6051ad90e93db6522c1d00d2", name: "Java研发部", code: "JYFB",…}
9: {id: "6051add6e93db6522c1d00d4", pid: "6051ad90e93db6522c1d00d2", name: "Python研发部", code: "PYFB",…}
10: {id: "6051adefe93db6522c1d00d5", pid: "6051ad90e93db6522c1d00d2", name: "Php研发部", code: "PhpYFB",…}
11: {id: "6051ae03e93db6522c1d00d6", pid: "", name: "运营部", code: "YYB", manager: "孙财", introduce: "运营部",…}
12: {id: "6051ae15e93db6522c1d00d7", pid: "", name: "市场部", code: "SCB", manager: "孙财", introduce: "市场部",…}
13: {id: "6051ae28e93db6522c1d00d8", pid: "6051ae15e93db6522c1d00d7", name: "北京事业部", code: "BJSYB",…}
14: {id: "6051ae3de93db6522c1d00d9", pid: "6051ae15e93db6522c1d00d7", name: "上海事业部", code: "SHSYB",…}
15: {id: "633bb03f1d776d197070ee6b", pid: "604e21feb205b95968e13129", name: "鹏哥的部门", code: "213213",…}
16: {id: "633bb0bb1d776d197070ee6c", pid: "633bb03f1d776d197070ee6b", name: "1231", code: "12312",…}
17: {id: "633bb0e01d776d197070ee6d", pid: "633bb03f1d776d197070ee6b", name: "214214", code: "123123",…}
18: {id: "633bb0e91d776d197070ee6e", pid: "633bb03f1d776d197070ee6b", name: "12312", code: "412421",…}
19: {id: "633bbb4a1d776d197070ee71", pid: "6051ae15e93db6522c1d00d7", name: "北京事业部1", code: "BJSYB1",…}
20: {id: "633bbb621d776d197070ee72", pid: "6051ae28e93db6522c1d00d8", name: "21321", code: "23",…}
21: {id: "633bbb691d776d197070ee73", pid: "6051ae28e93db6522c1d00d8", name: "21321", code: "232",…}

2.转变之后的数据

 

 

3.上一级的id和子级的pid相同

 

新增：

直接传入上一层的id即可。

4.element-ui对应的

 

name:对应的要显示的名字:

children:对应要显示的层级