Vue/vuetify, comment ajouter un lien de routeur à l'onglet

Question

Je voudrais utiliser le composant onglet vuetify comme un simple contrôle de la navigation, à

<v-tabs dark fixed icons centered> 
    <v-tabs-bar class="cyan"> 
     <v-tabs-slider color="yellow"></v-tabs-slider> 
     <v-tabs-item router :to="{name: 'election/admin', id: this.$route.params['id']}"> 
     Overview 
     </v-tabs-item> 
    </v-tabs-bar> 

    </v-tabs> 

Cependant, il ne semble pas t OBE travail. Je pensais que la propriété to en plus avec router devrait fonctionner pour remplacer href?

Answer 1

utiliser:

<v-tabs-item :to="{path:'/path/to/somewhere'}"> 

Ou

<v-tabs-item :to="{name:'RouteName'}"> 

Avis path vs name

Vous pouvez utiliser name si vous utilisez named route

vous pouvez passerpas AFAIKsi vous ne l'utilisez named route, donc vous devez le nommer et

:to="{name: 'RouteName', params: {id: $route.params['id'] }}" 

Notez également que params doit être à l'intérieur params objet