vue递归遍历Json树状数据

json数据格式,循环获取最后一层数据id

json数据格式

封装方法

 // node 为所有数据及data,arr为最终得到的数组数据,调用函数前先获取父级节点

recursion (node, arr) { 

    if (!node.children) { 

          //先判断 node节点是否含有children节点,为true 为最后一级,取id ,push到arr数组中

             arr.push(node.id)

      } else { 

           // false时 非最后一级,含有children,则继续循环children

            node.children.forEach(item => this.recursion(item, arr))

      }

    }

你可能感兴趣的:(vue递归遍历Json树状数据)