工作中异步加载树选择的使用

68 阅读1分钟

image.png 树形结构需要数据结构与官网一致,所以后端返回的数据需要先处理成官网所需要的格式。并且需要通过pid == id来判断那些是属于同一节点的,然后添加到children数组中。

代码如下:

image.png

人资中台的方法:

 *
 *  将列表型的数据转化成树形数据 => 递归算法 => 自身调用自身 => 一定条件不能一样, 否则就会死循环
 *  遍历树形 有一个重点 要先找一个头儿
 * ***/
export function tranListToTreeData(list, rootValue) {
  var arr = []
  list.forEach(item => {
    if (item.pid === rootValue) {
      // 找到之后 就要去找 item 下面有没有子节点
      const children = tranListToTreeData(list, item.id)
      if (children.length) {
        // 如果children的长度大于0 说明找到了子节点
        item.children = children
      }
      arr.push(item) // 将内容加入到数组中
    }
  })
  return arr
}