vue+element表格实现多层数据的嵌套方式

for(let i = 0; i < res.data.data.length; i++){
   this.tableData.push({
        'goodsId':i, 
        'title':res.data.data[i].sellerName,
        'children':res.data.data[i].orderItemList
    })
}

tree-props="{children: ‘children',hasChildren: ‘hasChildren'}"

<el-table
   :data="tableData"
   style="width: 90%;"
   row-key="goodsId"
   default-expand-all
   :header-cell-class-name='handleHead'
   @selection-change="handleSelectionChange"
   :tree-props="{children: 'children',hasChildren: 'hasChildren'}"
>
   <el-table-column
       width="55"
       type="selection"
       :selectable='handleCheckbox'
   >
   </el-table-column>
   <el-table-column show-overflow-tooltip width="400" label='商品'>
       <template slot-scope="scope">
           <div style="display:inline-block;">
               <img v-if="scope.row.picPath" class="shops-img" :src="scope.row.picPath" alt="">
               <span>{{scope.row.title}}</span>
           </div>
       </template>
   </el-table-column>
   <el-table-column label='单价' prop="price"></el-table-column>
   <el-table-column label='数量' prop="num">
       <template v-if="scope.row.num" slot-scope="scope">
           <span @click="shopsNumDown(scope.row.itemId)" class="shops-num-btn curpor">-</span>
           <span class="shops-num">{{scope.row.num}}</span>
           <span @click="shopsNumUp(scope.row.itemId)" class="shops-num-btn curpor">+</span>
       </template>
   </el-table-column>
   <el-table-column label='小计' prop="totalFee"></el-table-column>
   <el-table-column label='操作'>
       <template v-if="scope.row.price" slot-scope="scope">
           <div class="curpor handle-txt" @click="deleteShops(scope.row.itemId)">
               删除
           </div>
           <div class="curpor handle-txt" @click="addCollection(scope.row.goodsId)">
               移入收藏夹
           </div>
       </template>
   </el-table-column>
</el-table>

handleCheckbox(row,index){
  if(!row.children){
       return true
   }
},
handleHead(row){
   if(row.columnIndex === 0){
       return 'check-head'
   }
},