element表格懒加载

html

<div class="table">
        <el-table
          :data="tableData"
          style="width: 100%"
          row-key="id"
          lazy
          height="290"
          :load="load"
          :tree-props="{children: 'children', hasChildren: 'isParent'}"
          :cell-style="cellStyle"
          @cell-click="cellClick"
        >
          <el-table-column type width="35">
            <template slot-scope="scope">
              <el-radio v-model="radio" :label="scope.row.id" @change="selectRow(scope.row)"></el-radio>
            </template>
          </el-table-column>
          <el-table-column prop="regionName" label="区域名称" width="150"></el-table-column>
          <el-table-column prop="code" label="编码" width="150"></el-table-column>
          <el-table-column prop="regionLevel" label="级别" width="100"></el-table-column>
          <el-table-column prop="longLatitude" label="地理位置" width="250"></el-table-column>
          <el-table-column prop="remark" label="备注"></el-table-column>
        </el-table>
      </div>

data

tableData: [
        // {
        //   id: 1,
        //   regionName: "北京市",
        //   code: 110000,
        //   regionLevel: 1,
        //   longLatitude: "x,y",
        //   remark: "备注"
        // },
        // {
        //   id: 2,
        //   regionName: "四川省",
        //   code: 210000,
        //   regionLevel: 1,
        //   longLatitude: "x,y",
        //   remark: "备注2",
        //   isParent: true
        // },
        // {
        //   id: 4,
        //   regionName: "湖北省",
        //   code: 310000,
        //   regionLevel: 1,
        //   longLatitude: "x,y",
        //   remark: "备注3",
        //   isParent: true
        // }
      ],
      uploadData: {
        //懒加载节点信息
        tree: null,
        treeNode: null,
        resolve: null
      },

js

load(tree, treeNode, resolve) {
      // console.log("tree", tree);
      // console.log("treeNode", treeNode);
      // console.log("resolve", resolve);
      this.uploadData.tree = tree;
      this.uploadData.treeNode = treeNode;
      this.uploadData.resolve = resolve;
      
      let params={
        id:tree.id
      };
      this.Api.regionGetNodes(this.qs.stringify(params)).then(res=>{
        console.log("restree",res);
        if(res.data.code==0){
          tree.children=res.data.data;
          resolve(res.data.data)
        }
      })
    },