扁平化数据的树形化（转换包含三级目录）

在用vue+elementUI做管理系统时会使用到UI组件库中的Tree组件，就需要将获取到的扁平的数据转换成树形数据才好使用组件库中的Tree，这个函数可以转成三级Tree，函数如下

// 扁平化数据树形化
    transTree(arr, rootCode) {
      // 定义存储树形数据的空数组
      const tree = [];
      arr.forEach(item => {
        // 判断是否是父节点
        if (item.parentcode == rootCode) {
          const children = this.transTree(arr, item.code);
          children.length > 0 ? (item.children = children) : 0;
          tree.push(item);
        }
      })

      return tree;
    },

这是转换前后的数据对比

 

 在使用Tree组件时可以专门给它使用一个参数记录需要渲染的数据，这样子就可以避免在处理需要渲染的数据会污染源数据