vue樹形菜單無限渲染


tree_for(tree_chil) {
      //最外層渲染
      for (let i = 0; i < tree_chil.length; i++) {
        let arr = {};
        arr.label = tree_chil[i].branchName;
        arr.branchId = tree_chil[i].branchId;
        if (tree_chil[i].childrens.length > 0) {
          arr.children = this.tree_childrens(tree_chil[i].childrens);
        }
        this.tree.push(arr);
      }
    },
    tree_childrens(arr) {
      //無限往里渲染
      let arr_a = [];
      for (let i = 0; i < arr.length; i++) {
        let arr_c = {};
        arr_c.label = arr[i].branchName;
        arr_c.branchId = arr[i].branchId
        if (arr[i].childrens.length > 0) {
          //有childrens參數就自調用s
          arr_c.children = this.tree_childrens(arr[i].childrens);
        }
        arr_a.push(arr_c);
      }
      return arr_a;
    },


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM