Vue多次调用el-tree懒加载

Vue中使用el-tree树形结构懒加载

当同一个页面有多个树形结构时，使用数据data和懒加载结合的方法，避免多次调用接口。

<el-tree :data="treeData" :props="insprops" :key="treeKey" ref="tree" @node-expand="getNodeInfo" @node-click="handleNodeClick" :load="loadNode" lazy node-key="id" :filter-node-method="filterNode"></el-tree>
//在created中调用一次接口，获取树形结构数据
 created(){
    this.connectAxios()
},
methods:{
    loadNode(node,resolve){
	    if (node.level == 0) {
	  	    return resolve(this.treeData)
	    }else{
		    var mid = node.data.groupId === undefined?'1_01':node.data.groupId
		     this.connectAxios(mid,node,resolve)
	    }
    }
}