如下圖的需求：

1620456203(1).png

接口返回樹(shù)結(jié)構(gòu)數(shù)據(jù)如下：

 [{
          id: 1,
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀區(qū)金沙江路 1518 弄'
        }, {
          id: 2,
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀區(qū)金沙江路 1517 弄'
        }, {
          id: 3,
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀區(qū)金沙江路 1519 弄',
          children: [{
              id: 31,
              date: '2016-05-01',
              name: '王小虎',
              address: '上海市普陀區(qū)金沙江路 1519 弄'
            }, {
              id: 32,
              date: '2016-05-01',
              name: '王小虎',
              address: '上海市普陀區(qū)金沙江路 1519 弄'
          }]
        }, {
          id: 4,
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀區(qū)金沙江路 1516 弄'
        }]

仔細(xì)觀察表格圖，第二列name是id拼接name，于是：

  handleTreeData(arr){
      return arr.map(v=>{
          var item={
              id:v.id,
              name:v.id+'-'+v.name,
              date:v.date,
              address:v.address
          }
        if(v.children){
            item.children=this.handleTreeData(v.children)
          }
         return item
      })
  }

ok！