默认所有一级先展示出来 通过点击当前的节点来获取子级然后遍历出来(父级和子级是两个接口)
这里父级的获取方法我就不写了 直接把子级的方法写出来
return {
data:[],//父级数组
defaultProps: {
label: 'name',
id:'id',
// children: 'zones',
// isLeaf: 'leaf'
}
};
},
<el-tree :props="defaultProps" :load="loadNode" :data="data" icon-class='el-icon-arrow-right' class='treeBox' lazy @node-click="handleNodeClick">
<!-- <span class="custom-tree-node" slot-scope="{ node, data }">
<span :class="data.icon" style='display:none;'></span>
<span>{{ node.label }}</span>
</span> -->
</el-tree>
handleNodeClick(data) {//每次点击获取当前点击公司的id
console.log(data.id);
},
//tree 展示子级方法
loadNode(node, resolve) {
// console.log("node");
// console.log(node);
// console.log(node.data.id);//这里可以打印我选中的数据的id
// this.listByParentId1(node.data.id);
// test
let children = []
let param = {
param: JSON.stringify({
departmentld: node.data.id
})};
listByParentId(param).then(result => {
if (result.code == '000000') {
children = result.data;
} else if (result.code == '100000') {
}
}).catch(error => {
console.log(error);
})
setTimeout(() => {
console.log(children)
resolve(children);
}, 500);
}