diff --git a/src/views/demo/router-demo/router-demo-detail/index.tsx b/src/views/demo/router-demo/router-demo-detail/index.tsx
index 0c06479f..abbf6bbf 100644
--- a/src/views/demo/router-demo/router-demo-detail/index.tsx
+++ b/src/views/demo/router-demo/router-demo-detail/index.tsx
@@ -14,9 +14,11 @@ import { NCard, NSpace } from 'naive-ui'
 const RouterDemoDetail = defineComponent({
   name: 'RouterDemoDetail',
   render() {
-    console.log(this.$route.query)
     return (
       <NSpace wrapItem={false}>
+        <NCard title={(this.$route.query.name as string) || 'hello'}>
+          你好 {this.$route.query.name}
+        </NCard>
         <NCard title="平层路由详情页面">我是平层路由详情页面</NCard>
         <NCard title="TIP">
           <h2>1. 可以点击面包屑或者菜单返回到主页面</h2>
diff --git a/src/views/demo/router-demo/router-demo-home/index.tsx b/src/views/demo/router-demo/router-demo-home/index.tsx
index d2a21344..0b1a72f5 100644
--- a/src/views/demo/router-demo/router-demo-home/index.tsx
+++ b/src/views/demo/router-demo/router-demo-home/index.tsx
@@ -53,7 +53,7 @@ const RouterDemoHome = defineComponent({
                   router.push({
                     path: '/router-demo/router-demo-detail',
                     query: {
-                      name: '23',
+                      name: row.name,
                     },
                   })
                 }}