[Vuejs]-Dynamic Vue routes with one router component and one menu

you must add the team params in case of groups, if you click on TEAM B you send one param (TB), then if you click on GROUP A, you send only the param GA, while discarding the information you provided ‘TB’.
Solution: you can use $route.params.id inside a nested router link that only appears when you select a team, then you can do like this:

 <router-link class="link" :to="{name:'group', params: {group: 'ga', team: $route.params.team}}">group a</router-link> 
        <router-link class="link" :to="{name:'group', params: {group: 'gb', $route.params.team}}">group b</router-link>

Also you can add this to your code and only activate the group links when the user inputs the team (must click in one team first so they can click in a group)