| | |
| | | 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'; // 搜索结果页,接收查询参数 |
| | | import deviceWindows2 from '../views/deviceWindoes2.vue' |
| | | import test from '../views/test.vue'; // 搜索结果页,接收查询参数 |
| | | import registerForNutrition from '../views/register/index.vue' |
| | | import registerSuu from '../views/registerSuu/index.vue' |
| | | |
| | | // 定义路由规则,并为每个路由指定类型安全的 props |
| | | const routes: Array<RouteRecordRaw> = [ |
| | | { |
| | | path: '/', |
| | | name: 'Home', |
| | | component: Home, |
| | | component: deviceWindows2, |
| | | }, |
| | | { |
| | | path: '/deviceWindows/:deviceid', |
| | | name: 'deviceWindows', |
| | | component: deviceWindows, |
| | | path: '/test', |
| | | name: 'test', |
| | | component: test, |
| | | props: true, // 路径参数将作为 props 传递给组件 |
| | | }, |
| | | // { |
| | | // path: '/search', |
| | | // name: 'Search', |
| | | // component: Search, |
| | | // props: (route) => ({ query: route.query.q as string }), // 将查询参数 q 作为 prop 传递给组件 |
| | | // } |
| | | { |
| | | path: '/registerForNutrition', |
| | | name: 'registerForNutrition', |
| | | component: registerForNutrition |
| | | }, |
| | | { |
| | | path: '/register-success', |
| | | name: 'registerSuu', |
| | | component: registerSuu |
| | | } |
| | | ]; |
| | | |
| | | // 创建路由器实例,并指定类型 |