深度遍历节点树树型数据

小桥小桥

于 2023-02-23 11:41:29 发布

阅读量85

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/qiaoyin33/article/details/129178168

版权

    /**
     * @description: 添加tree_id
     */
    treeData(data) {
      for (let i = 0; i < data.length; i++) {
        data[i].tree_id = `${data[i].id}_${data[i].name}`;  // 给每一个节点加上唯一键值
        if (data[i].children && data[i].children.length > 0) {
          this.treeData(data[i].children);
        }
      }
      return data;
    },

    /**
     * @description: 深度遍历以寻找第一个配电室
     */
    depthTree(data) {
      let vm = this;
      for (let i = 0; i < data.length; i++) {
        if (data[i].modelLabel === "room") {
          vm.firstNode.push(data[i]);   // 用firstNode存储找到的配电室节点
        }
        if (data[i].children && data[i].children.length > 0) {
          this.depthTree(data[i].children);
        }
      }
      return;
    },