Tree add async loading

This commit is contained in:
梁灏 2017-10-24 18:14:22 +08:00
parent 76a4781417
commit b31aab71d2
4 changed files with 62 additions and 25 deletions

View file

@ -1,6 +1,6 @@
<template>
<div>
<Tree :data="baseData" show-checkbox multiple></Tree>
<Tree :data="baseData" :load-data="loadData" show-checkbox multiple></Tree>
<Button @click="handleAdd">add</Button>
<Button @click="handleUpdate">update</Button>
</div>
@ -16,18 +16,9 @@
children: [
{
title: 'parent 1-0',
expand: true,
disabled: true,
children: [
{
title: 'leaf',
disableCheckbox: true
},
{
title: 'leaf',
checked: false
}
]
expand: false,
children: [],
loading: false
},
{
title: 'parent 1-1',
@ -71,6 +62,25 @@
},
cc () {
console.log(99)
},
loadData (item, callback) {
item.loading = true;
setTimeout(() => {
item.children = [
{
title: 'children-1',
loading: false,
children: []
},
{
title: 'children-2',
loading: false,
children: []
}
];
item.loading = false;
callback();
}, 2000);
}
}
}