将數組資料轉化成樹形結構

然後，我們需要将清單型的資料，轉化成樹形資料，這裡需要用到遞歸算法

封裝一個工具方法，

src/utils/index.js

/** *
 *
 *  将清單型的資料轉化成樹形資料 => 遞歸算法 => 自身調用自身 => 一定條件不能一樣， 否則就會死循環
 *  周遊樹形 有一個重點 要先找一個頭兒
 * ***/
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
}
           

調用轉化方法，轉化樹形結構

小結：

這樣我們就可以通過admin模闆來做我們的項目了, js高程第四版連結: https://pan.baidu.com/s/18P8ky1YalApRb-HDRENZBQ 可以加公衆号擷取提取碼.

若有不懂的地方，請加q群147936127交流或者vx: ltby52119，謝謝~