Vue/vuetify, wie Router Link zur Registerkarte hinzuzufügen

Question

Ich mag würde die vuetify Registerkarte Komponente einfach als Navigationssteuerung verwenden, um

<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> 

Allerdings scheint es nicht t Arbeits obe. Ich dachte, dass die to Eigenschaft zusätzlich mit router funktionieren sollte, um href zu ersetzen?

Answer 1

Verwenden Sie entweder:

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

Oder

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

Hinweis path vs name

Sie name verwenden können, wenn Sie named route

AFAIK verwenden, können Sie nichtpassieren, wenn Sie nicht named route verwenden, so müssen Sie es nennen und dann

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

auch feststellen, dass params innerhalb params Objekt