fix(guards): vue-class-component call guards on first... (#755)

navigation with lazy routes
vuejs · Feb 4, 2021 · 06f942d · 06f942d
1 parent 04fee14
commit 06f942d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/navigationGuards.ts b/src/navigationGuards.ts
@@ -316,8 +316,10 @@ export function extractComponentsGuards(
               : resolved
             // replace the function with the resolved component
             record.components[name] = resolvedComponent
-            // @ts-ignore: the options types are not propagated to Component
-            const guard: NavigationGuard = resolvedComponent[guardType]
+            // __vccOpts is added by vue-class-component and contain the regular options
+            let options: ComponentOptions =
+              (resolvedComponent as any).__vccOpts || resolvedComponent
+            const guard = options[guardType]
             return guard && guardToPromiseFn(guard, to, from, record, name)()
           })
         )