对同层数据进行处理，做成树状图形式的数据结构，并符合elementui中的tree结构...

               //通过子级的pid找到父级对应的id，制作树状图
　　　　　　　　　var data = [
                    { id: 1, name: "办公管理", pid: 0 },
                    { id: 2, name: "请假申请", pid: 1 },
                    { id: 3, name: "出差申请", pid: 1 },
                    { id: 4, name: "请假记录", pid: 2 },
                    { id: 5, name: "系统设置", pid: 0 },
                    { id: 6, name: "权限管理", pid: 5 },
                    { id: 7, name: "用户角色", pid: 6 },
                    { id: 8, name: "菜单设置", pid: 6 },
                ];
                function toTree(data) {
                    // 删除 所有 children,以防止多次调用
                    data.forEach(function (item) {
                        delete item.children;
                    });
             
                    // 将数据存储为 以 id 为 KEY 的 map 索引数据列
                    var map = {};
                    data.forEach(function (item) {
                        map[item.id] = item;
                    });
                    //console.log(map);
                    var val = [];
                    data.forEach(function (item) {
                        // 以当前遍历项，的pid,去map对象中找到索引的id
                        item.label = item.name;
                        var parent = map[item.pid];
                        // 好绕啊，如果找到索引，那么说明此项不在顶级当中,那么需要把此项添加到，他对应的父级中
                        if (parent) {
                            (parent.children || ( parent.children = [] )).push(item);
                        } else {
                            //如果没有在map中找到对应的索引ID,那么直接把 当前的item添加到 val结果集中，作为顶级
                            
                            val.push(item);
                        }
                    });
                    return val;
                }
                console.log(toTree(data))

//假如后台返回的数据是树状图的结构，获取每层当中的每一个固定的字段，比如获取每一层数据中的id字段
      getIds(me.d_center);  //me.d_center是后台返回的树状图结构形式的数据
      function getIds(data){
        for(let i in data){
          me.idArr.push(data[i].id);
          if(data[i].children){
            getIds(data[i].children)
          }
        }
      }

 

 

转载于:https://www.cnblogs.com/colinliu666/p/10767272.html