lesson 190: add a router guard

This commit is contained in:
Andreas Zweili 2021-05-02 15:39:00 +02:00
parent 0117da813d
commit 47c9eddbf3
1 changed files with 12 additions and 4 deletions

View File

@ -6,8 +6,6 @@ import TeamsList from './components/teams/TeamsList';
import TeamMembers from './components/teams/TeamMembers'; import TeamMembers from './components/teams/TeamMembers';
import UsersList from './components/users/UsersList'; import UsersList from './components/users/UsersList';
const app = createApp(App);
const router = createRouter({ const router = createRouter({
history: createWebHistory(), history: createWebHistory(),
routes: [ routes: [
@ -28,8 +26,7 @@ const router = createRouter({
{ path: '/users', component: UsersList } { path: '/users', component: UsersList }
], ],
linkActiveClass: 'active', linkActiveClass: 'active',
scrollBehavior(to, from, savedPosition) { scrollBehavior(_, _2, savedPosition) {
console.log(to, from);
if (savedPosition) { if (savedPosition) {
return 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.use(router);
app.mount('#app'); app.mount('#app');
if (module.hot) { if (module.hot) {
0;
module.hot.accept(); // already had this init code module.hot.accept(); // already had this init code
module.hot.addStatusHandler(status => { module.hot.addStatusHandler(status => {