目录
1. 树结构递归效果图
2. 代码:
1. 树结构递归效果图
ps :递归说白了就是自己掉自己。
2. 代码:
//1. 调查询表格的接口
_this.$API.departmentGetTreeList().then((res) => {
if (res.data.code == 200) {
this.loading = false;
let tempTable = res.data.data;
console.log(tempTable, "接口返回值");
//调递归的方法(重点)
this.SetTreeDataTableIds(tempTable);
console.log(tempTable,"打印”); //打印出来的就是调用完递归方法之后的数据
_this.tabledata = tempTable;
console.log(tempTable, "_this.tabledata===", _this.tabledata);
_this.partend = _this.tabledata;
_this.$refs.cummonTable.SettableData(_this.tabledata); //调子组件(表格是子组件)中赋值的方法
}
});
//2. 递归的方法
SetTreeDataTableIds(resData) {
let _this = this;
resData.forEach((item) => {
console.log(item, "使用递归展示"); //里面的这些ID、parentID 等等就是你表格所需要的数据
item.ID = item.Model.ID;
item.ParentId = item.Model.ParentId;
item.DepartmentName = item.Model.DepartmentName;
item.EnCode = item.Model.EnCode;
item.InnerPhone = item.Model.InnerPhone;
item.Manager = item.Model.Manager;
item.Description = item.Model.Description;
if (item.Children) {
if (item.Children.length != 0) {
this.SetTreeDataTableIds(item.Children);
}
}
});
},