element-ui中表格树类型数据的显示

项目场景：

1：非懒加载的情况

1：效果展示

---

2：问题描述以及解决

1：图片展示

2：html 

<-- default-expand-all  代表默认展开 如果不展开删除就行 -->

    
      
      
        
      
      
      
      
        
          
          
          
          
          
          
        
        
        
      

3：获取数据函数

// 获取表格基本数据
    getTableData(){
      this.loading=true;
      getBillWorks({
        lineName: this.$route.query.lineName,
        segmentName: this.$route.query.segmentName,
        lineId: this.$route.query.lineId,
        segmentId: this.$route.query.segmentId,
        segmentBillName: this.$route.query.segmentBillName,
        lineSegmentName: this.$route.query.lineSegmentName
      }) .then((res) => {
        this.loading=false;
        this.tableData=res.data.data;
      }).catch(err=>{
        console.log(err)
      })
    },

---

2：懒加载的情况

1：效果展示：

---

2：问题描述以及解决

1：图片展示

2：html 

3：获取数据与子项数据函数

// 获取表格基本数据
    getTableData(){
      this.loading=true;
      getBillWorks({
        lineName: this.$route.query.lineName,
        segmentName: this.$route.query.segmentName,
        lineId: this.$route.query.lineId,
        segmentId: this.$route.query.segmentId,
        segmentBillName: this.$route.query.segmentBillName,
        lineSegmentName: this.$route.query.lineSegmentName
      }) .then((res) => {
        this.loading=false;
        this.tableData=res.data.data;
      }).catch(err=>{
        console.log(err)
      })
    },
    // 表格子项数据
    loadChildData(row, treeNode, resolve) {
      getBillWorks({
        segmentId: this.$route.query.segmentId,
        idPath:row.idPath
      }).then((res) => {
        resolve(res.data.data)
      }).catch(err => {
        console.log(err)
      })
    },