lesson 176: add name routes
This commit is contained in:
parent
33682677c3
commit
1b73f94b8d
|
@ -2,13 +2,21 @@
|
|||
<li>
|
||||
<h3>{{ name }}</h3>
|
||||
<div class="team-members">{{ memberCount }} Members</div>
|
||||
<router-link :to="'/teams/' + id">View Members</router-link>
|
||||
<router-link :to="teamMembersLink">View Members</router-link>
|
||||
</li>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: ['id', 'name', 'memberCount']
|
||||
props: ['id', 'name', 'memberCount'],
|
||||
computed: {
|
||||
teamMembersLink() {
|
||||
return {
|
||||
name: 'team-members',
|
||||
params: { teamId: this.id }
|
||||
};
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
|
|
|
@ -13,10 +13,16 @@ const router = createRouter({
|
|||
routes: [
|
||||
{ path: '/', component: TeamsList },
|
||||
{
|
||||
name: 'teams',
|
||||
path: '/teams',
|
||||
component: TeamsList,
|
||||
children: [
|
||||
{ path: ':teamId', component: TeamMembers, props: true }
|
||||
{
|
||||
name: 'team-members',
|
||||
path: ':teamId',
|
||||
component: TeamMembers,
|
||||
props: true
|
||||
}
|
||||
]
|
||||
},
|
||||
{ path: '/users', component: UsersList }
|
||||
|
|
Reference in New Issue