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)
}
})
},