gpalweb/src/router/index.js
lightings 5e1cec03e6 ...
2023-02-15 14:37:28 +08:00

70 lines
1.7 KiB
JavaScript

import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'
const routes = [
{
path: '/',
name: 'home',
component: HomeView,
},
{
path: '/users',
name: 'users',
component: () => import('@/views/UserView.vue'),
},
{
path: '/about',
// route level code-splitting
// this generates a separate chunk (about.[hash].js) for this route
// which is lazy-loaded when the route is visited.
component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue'),
},
{
path: '/test',
component: () => import('@/views/TestView.vue'),
},
{
path: '/test2',
component: () => import('@/views/TestView2.vue'),
},
{
path: '/user/:id',
name: 'user',
component: () => import(/* webpackChunkName: "user" */ '../views/User/Index.vue'),
children: [
{
path: 'services',
component: () => import(/* webpackChunkName: "user-services" */ '../views/User/Services.vue'),
},
{
// path: '',
path: 'about',
component: () => import(/* webpackChunkName: "user-about" */ '../views/User/About.vue'),
},
{
path: 'album',
component: () => import(/* webpackChunkName: "user-album" */ '../views/User/Album.vue'),
},
{
path: 'feeds',
component: () => import(/* webpackChunkName: "user-feeds" */ '../views/User/Feeds.vue'),
}
],
},
]
const router = createRouter({
scrollBehavior(to, from, savedPostion) {
if (from.path.indexOf('/user/')==0 && to.path.indexOf('/user/')==0 && from.params.id == to.params.id) {
}
else {
return {top:0};
}
},
history: createWebHistory(),
routes
})
export default router