refactor(OrdersPage): 使用 useRoute 和 useTitle 优化页面标题设置
在 OrdersPage.vue 中引入 useRoute 和 useTitle,以动态设置页面标题,提升用户体验并简化代码结构。
Showing
1 changed file
with
6 additions
and
1 deletions
| ... | @@ -67,9 +67,14 @@ | ... | @@ -67,9 +67,14 @@ |
| 67 | 67 | ||
| 68 | <script setup> | 68 | <script setup> |
| 69 | import { ref } from 'vue' | 69 | import { ref } from 'vue' |
| 70 | -import { useRouter } from 'vue-router' | 70 | +import { useRoute, useRouter } from 'vue-router'; |
| 71 | import AppLayout from '@/components/layout/AppLayout.vue' | 71 | import AppLayout from '@/components/layout/AppLayout.vue' |
| 72 | import FrostedGlass from '@/components/ui/FrostedGlass.vue' | 72 | import FrostedGlass from '@/components/ui/FrostedGlass.vue' |
| 73 | +import { useTitle } from '@vueuse/core'; | ||
| 74 | + | ||
| 75 | +const $route = useRoute(); | ||
| 76 | +const $router = useRouter(); | ||
| 77 | +useTitle($route.meta.title); | ||
| 73 | 78 | ||
| 74 | const router = useRouter() | 79 | const router = useRouter() |
| 75 | const loading = ref(false) | 80 | const loading = ref(false) | ... | ... |
-
Please register or login to post a comment