kui-vue
Version:
A high quality UI Toolkit built on Vue.js 2.0
38 lines (37 loc) • 679 B
Markdown
<cn>
#### 异步加载
点击展开节点,动态加载数据。
</cn>
```vue
<template>
<Tree :data="data" @load-data="loadData" @expand="expand"/>
</template>
<script>
export default {
data() {
return {
data: [
{ title: 'Expand to load' },
{ title: 'Expand to load' },
{ title: 'Tree Node', isLeaf: true },
],
}
},
methods: {
expand(data){
console.log(data)
},
loadData(node, callback) {
//模拟异步请求
setTimeout(() => {
let data = [
{ title: 'Child Node' },
{ title: 'Child Node' }
];
callback(data);
}, 1000)
}
}
}
</script>
```