index.js 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. // //创建一个路由器
  2. import { createRouter, createWebHashHistory, } from "vue-router";
  3. const router = createRouter({
  4. history: createWebHashHistory(),
  5. routes: [
  6. {
  7. path: '/',
  8. name:'启动页',
  9. component: () => import('@/views/openpage.vue'),
  10. meta:{
  11. keepAlive:false, // 需要缓存
  12. title: '启动页'
  13. },
  14. children:[
  15. {
  16. path: '/home/newfile',
  17. name: '首页',
  18. component: () => import('@/views/home/newfile.vue'),
  19. },
  20. {
  21. path: '/home/savefile',
  22. name: 'savefile',
  23. component: () => import('@/views/home/savefile.vue'),
  24. }
  25. ]
  26. },
  27. {
  28. path: '/index',
  29. name:'主页1',
  30. component: () => import('@/views/index.vue'),
  31. meta:{
  32. keepAlive:false, // 需要缓存
  33. title: '主页1'
  34. },
  35. },
  36. {
  37. path: '/home',
  38. name:'主页',
  39. component: () => import('@/views/home.vue'),
  40. meta:{
  41. keepAlive:false, // 需要缓存
  42. title: '主页'
  43. },
  44. },
  45. {
  46. path: '/vueflow',
  47. name:'vueflow',
  48. component: () => import('@/views/vueflow/index.vue'),
  49. meta:{
  50. keepAlive:false, // 需要缓存
  51. title: 'vueflow'
  52. },
  53. },
  54. {
  55. path: '/demo',
  56. name:'demo',
  57. component: () => import('@/views/vueflow/demo.vue'),
  58. meta:{
  59. keepAlive:false, // 需要缓存
  60. title: 'vueflow'
  61. },
  62. },
  63. ]
  64. })
  65. //修改动态网页标题 beforeEach 导航钩子,路由改变前触发
  66. router.beforeEach((to,from,next) =>{
  67. //window.document.title = to.meta.title;
  68. window.document.title = to.name;
  69. next();
  70. })
  71. router.afterEach((to,from,next) =>{
  72. window.scrollTo(0,0);
  73. })
  74. export default router;