懒加载例子

961 阅读1分钟

<el-cascader :props="props"></el-cascader>

props: {          
lazy: true,          
lazyLoad (node, resolve) {            
const { value } = node;            
const nodes = [];            
settingApi              
.organizationList({ orgId: value?value:'' })              
.then(res => {                
let data = res.data ? res.data : []  //后台返回数据                
let childrenData = data.map(item => {                  
let childrenNode = {                    
value: item.orgid,                    
label: item.orgname,                    
leaf: !item.hasChild                  
}                  
return childrenNode                
})                
resolve(childrenData);              
})              
// 通过调用resolve将子节点数据返回,通知组件数据加载完成          
}        
}