js中树的树据结构如何用递归转化成elementui表格所需要的数据

Question

数据是这样的一个有三级节点的树，怎么转化成elementui表格所需要的数据

  sourceData: [
        {
          id: 1,
          label: "大唐水电厂",
          children: [
            {
              id: 2,
              label: "一组",
              children: [
                {
                  id: 9,
                  label: "阀门",
                },
                {
                  id: 10,
                  label: "开关",
                },
                {
                  id: 9,
                  label: "管道",
                },
              ],
            },
            {
              id: 3,
              label: "二组",
              children: [
                {
                  id: 11,
                  label: "阀门",
                },
                {
                  id: 12,
                  label: "开关",
                },
              ],
            },
            {
              id: 4,
              label: "三组",
              children: [
                {
                  id: 13,
                  label: "阀门",
                },
                {
                  id: 14,
                  label: "开关",
                },
              ],
            },
            {
              id: 5,
              label: "四组",
              children: [
                {
                  id: 14,
                  label: "阀门",
                },
              ],
            },
          ],
        },
      ]

Answer 1

表格展示newData的数据，以下是获取到数据之后对数据进行处理，列名为first，second，third

this.newData = []
let newData =[]
this.sourceData.forEach(first=>{
  first.children.forEach(second=>{
    second.children.forEach(third=>{
      newData.push({
        first: first.label,
        second: second.label,
        third: third.label
      }) 
    })
  })
})
this.newData = newData