1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
| // router/index.ts
| import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
| import Home from '../views/Home.vue'; // 假设这是你的主页组件
| import deviceWindows from '../views/deviceWindows.vue'
| // import Search from '../views/Search.vue'; // 搜索结果页，接收查询参数
|
| // 定义路由规则，并为每个路由指定类型安全的 props
| const routes: Array<RouteRecordRaw> = [
| {
| path: '/',
| name: 'Home',
| component: Home,
| },
| {
| path: '/deviceWindows/:deviceid',
| name: 'deviceWindows',
| component: deviceWindows,
| props: true, // 路径参数将作为 props 传递给组件
| },
| // {
| // path: '/search',
| // name: 'Search',
| // component: Search,
| // props: (route) => ({ query: route.query.q as string }), // 将查询参数 q 作为 prop 传递给组件
| // }
| ];
|
| // 创建路由器实例，并指定类型
| const router = createRouter({
| history: createWebHistory(import.meta.env.BASE_URL),
| routes, // 路由配置
| });
|
| export default router;
|
|
