Vue 将扁平化数据转为树形图- filter方法

扁平化数据转为树形图 ElementUI 配合使用

export function transTree(list) {
  // 定义储存树形图的空数组
  const TreeList = []

  // 传入对应的数组进行遍历
  list.forEach(item => {
    // 将每一项都添加一个 children 进行遍历
    item.children = []
    // 判断是否有pid值
    if (!item.pid) {
      // 没有pid值, push到一级树形图上
      TreeList.push(item)
    }
    // 筛选比较 pid 与 id 相等的子集
    const children = list.filter(data => data.pid === item.id)
    // 将相等的子集 赋值给 item.children
    item.children = children
  })
  return TreeList
}