How to lazy load/fetch data in tree component?

[frankchen211]

I want to create a filesystem tree component based on the tree component, my question is how to build tree items dynamically when a parent tree item(folder) is expanded and call fs functions to retrieve data and build child items?

I tried getChildren prop but it looks like it's not designed for this kind of purpose? When I expand or collapse one tree item, it calls for every tree item instead of current one.

[frankchen211]

found the demo:

https://github.com/unovue/radix-vue/blob/main/packages/radix-vue/src/Tree/story/TreeAsync.story.vue