chore(play): 使用 exact 进行精准渲染子级路由

Author: l246804

play/src/layout/index.vue

@@ -48,6 +48,7 @@ watch(
     <BetterRouterView
       v-slot="{ Component: viewComponent }"
       :resolve-view-key
+      exact
     >
       <KeepAlive :include="[...keepAliveValues]">
         <Component

play/src/router/index.ts

@@ -17,13 +17,15 @@ const router = createRouter({
           meta: {
             keepAlive: true,
           },
-        },
-        {
-          path: '/list/detail/:viewKey',
-          component: ListDetail,
-          meta: {
-            keepAlive: true,
-          },
+          children: [
+            {
+              path: 'detail/:viewKey',
+              component: ListDetail,
+              meta: {
+                keepAlive: true,
+              },
+            },
+          ],
         },
 
         {
@@ -32,14 +34,16 @@ const router = createRouter({
           meta: {
             keepAlive: true,
           },
-        },
-        {
-          path: '/list2/detail/:viewKey',
-          component: ListDetail,
-          meta: {
-            keepAlive: true,
-            singleton: true,
-          },
+          children: [
+            {
+              path: 'detail/:viewKey',
+              component: ListDetail,
+              meta: {
+                keepAlive: true,
+                singleton: true,
+              },
+            },
+          ],
         },
       ],
     },