Skip to content

Commit 5fd5c14

Browse files
authored
OnExpand event fix in README.md (#26)
1 parent e75a80a commit 5fd5c14

File tree

1 file changed

+6
-3
lines changed

1 file changed

+6
-3
lines changed

README.md

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ A Simple vue3 project for rendering items in a tree.
1111
@onCheck="onItemChecked"
1212
@dropValidator="onBeforeItemDropped"
1313
@onSelect="onItemSelected"
14-
@onExpanded="lazyLoadNode"
14+
@onExpand="onItemExpanded"
1515
>
1616
<!-- Applying some simple styling to tree-items -->
1717
<template v-slot:item-prepend-icon="treeViewItem" >
@@ -38,7 +38,8 @@ import 'vue3-tree-vue/dist/style.css'; // remember to add this in your component
3838
if (dropHost.type !== playlist) return false
3939
return true;
4040
}
41-
const onExpanded = (expandedItem: TreeViewItem) => {
41+
const onItemExpanded = (expandedItem: TreeViewItem) => {
42+
//to use this feature properly you need to set lazyLoad property as true
4243
//fetch data
4344
const lazyLoadedItems = fetchFromApi(...);
4445
expandedItem.children.push(...lazyLoadedItems)
@@ -48,6 +49,8 @@ import 'vue3-tree-vue/dist/style.css'; // remember to add this in your component
4849
return {
4950
onItemChecked,
5051
onItemSelected,
52+
onBeforeItemDropped,
53+
onItemExpanded,
5154
items
5255
}
5356
}
@@ -84,7 +87,7 @@ export interface TreeViewItem {
8487
checked?: boolean;
8588
selected?: boolean;
8689
expanded?: boolean;
87-
disabled?: boolean;// When disabled, an item can neither be selected or checked
90+
disabled?: boolean;// When disabled, an item can neither be selected nor checked
8891
meta?: any;// provides meta-data of any type per node.
8992
}
9093
```

0 commit comments

Comments
 (0)