fix(VTreeview): match loading state with opened node

vuetifyjs · Aug 28, 2024 · 2b3b2cf · 2b3b2cf
1 parent 0b018d9
commit 2b3b2cf
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx b/packages/vuetify/src/labs/VTreeview/VTreeviewChildren.tsx
@@ -62,12 +62,12 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
 
     const isClickOnOpen = computed(() => props.openOnClick != null ? props.openOnClick : props.selectable)
 
-    function checkChildren (item: any) {
+    function checkChildren (item: any, itemValue: any) {
       return new Promise<void>(resolve => {
         if (!props.items?.length || !props.loadChildren) return resolve()
 
         if (item?.children?.length === 0) {
-          isLoading.value = item.value
+          isLoading.value = itemValue
           props.loadChildren(item).then(resolve)
 
           return
@@ -86,7 +86,7 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
     }
 
     return () => slots.default?.() ?? props.items?.map(({ children, props: itemProps, raw: item }) => {
-      const loading = isLoading.value === item.value
+      const loading = isLoading.value === itemProps.value
       const slotsWithItem = {
         prepend: slotProps => (
           <>
@@ -133,7 +133,7 @@ export const VTreeviewChildren = genericComponent<new <T extends InternalListIte
                 ...activatorProps,
                 value: itemProps?.value,
                 onToggleExpand: activatorProps.onClick as any,
-                onClick: isClickOnOpen.value ? [() => checkChildren(item), activatorProps.onClick] as any : undefined,
+                onClick: isClickOnOpen.value ? [() => checkChildren(item, itemProps.value), activatorProps.onClick] as any : undefined,
               }
 
               return (