From 47c9eddbf3814af902e2f17337d589789d35dee6 Mon Sep 17 00:00:00 2001 From: Andreas Zweili Date: Sun, 2 May 2021 15:39:00 +0200 Subject: [PATCH] lesson 190: add a router guard --- 2021-03-27_routing-01-starting-setup/src/main.js | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/2021-03-27_routing-01-starting-setup/src/main.js b/2021-03-27_routing-01-starting-setup/src/main.js index 9fc15a2..d0f3ef4 100644 --- a/2021-03-27_routing-01-starting-setup/src/main.js +++ b/2021-03-27_routing-01-starting-setup/src/main.js @@ -6,8 +6,6 @@ import TeamsList from './components/teams/TeamsList'; import TeamMembers from './components/teams/TeamMembers'; import UsersList from './components/users/UsersList'; -const app = createApp(App); - const router = createRouter({ history: createWebHistory(), routes: [ @@ -28,8 +26,7 @@ const router = createRouter({ { path: '/users', component: UsersList } ], linkActiveClass: 'active', - scrollBehavior(to, from, savedPosition) { - console.log(to, from); + scrollBehavior(_, _2, savedPosition) { if (savedPosition) { return savedPosition; } @@ -37,10 +34,21 @@ const router = createRouter({ } }); +router.beforeEach(function(to, from, next) { + console.log(to, from); + // if (to.name === 'team-members') { + // next(); + // } else { + // next({ name: 'team-members', params: { teamId: 't2' } }); + // } + next(); +}); +const app = createApp(App); app.use(router); app.mount('#app'); if (module.hot) { + 0; module.hot.accept(); // already had this init code module.hot.addStatusHandler(status => {