fix(link): use flush post in devtools watcher

Fix #845
vuejs · Mar 25, 2021 · 4108814 · 4108814
1 parent dd8bf6c
commit 4108814
Showing 1 changed file with 15 additions and 9 deletions.
diff --git a/src/RouterLink.ts b/src/RouterLink.ts
@@ -169,15 +169,21 @@ export const RouterLinkImpl = /*#__PURE__*/ defineComponent({
 
     if ((__DEV__ || __FEATURE_PROD_DEVTOOLS__) && __BROWSER__) {
       const instance = getCurrentInstance()
-      watchEffect(() => {
-        if (!instance) return
-        ;(instance as any).__vrl_route = link.route
-      })
-      watchEffect(() => {
-        if (!instance) return
-        ;(instance as any).__vrl_active = link.isActive
-        ;(instance as any).__vrl_exactActive = link.isExactActive
-      })
+      watchEffect(
+        () => {
+          if (!instance) return
+          ;(instance as any).__vrl_route = link.route
+        },
+        { flush: 'post' }
+      )
+      watchEffect(
+        () => {
+          if (!instance) return
+          ;(instance as any).__vrl_active = link.isActive
+          ;(instance as any).__vrl_exactActive = link.isExactActive
+        },
+        { flush: 'post' }
+      )
     }
 
     return () => {