xtraderClient/docs/core/router.md
2026-03-20 19:01:14 +08:00

946 B
Raw Blame History

router/index.ts

路径src/router/index.ts

功能用途

Vue Router 配置,定义路由表与滚动行为。

路由表

path name component
/ home Home
/search search Search
/trade trade Trade
/login login Login
/trade-detail/:id trade-detail TradeDetail
/event/:id/markets event-markets EventMarkets
/wallet wallet Wallet
/profile profile Profile
/api-key api-key ApiKey

滚动行为

滚动目标为 [data-main-scroll]App.vue 内主滚动容器),非 window

  • savedPosition 且来自已命名路由:恢复该容器的 scrollTop
  • to.hash:滚动到锚点元素
  • 否则:滚动到顶部

扩展方式

  1. 路由守卫beforeEach 做鉴权、重定向
  2. 懒加载component: () => import('./views/Home.vue')
  3. meta:为路由增加 meta.requiresAuth