首页 > 其他 > 详细

vue树形菜单无限渲染

时间:2021-05-26 14:53:20      阅读:10      评论:0      收藏:0      [点我收藏+]
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;
    },

vue树形菜单无限渲染

原文:https://www.cnblogs.com/forget-zjq/p/14812331.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!