File tree Expand file tree Collapse file tree 1 file changed +6
-3
lines changed Expand file tree Collapse file tree 1 file changed +6
-3
lines changed Original file line number Diff line number Diff 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```
You can’t perform that action at this time.
0 commit comments