vue-рекурсивный

Оглавление

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);
          }
        }
      });
    },