2017-10-12 160 views
0

我想用vuetify標籤成分簡單地作爲導航控制,Vue公司/ vuetify,如何路由器鏈接添加到標籤

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

但是,它似乎不是T OBE工作。我認爲to財產除了router應該工作,以取代href?

+1

'',所以不再需要'router'選項。不過,我認爲你的路由'name'可能不是'選舉/管理員',所以這可能是一個錯誤。 – Traxo

回答

6

二者必選其一:

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

或者

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

通知path VS name

你可以,如果你使用的是named route

使用name AFAIK你不能傳遞props如果你不使用named route,從而必須將其命名爲然後

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

還要注意,PARAMS必須內部params對象

+0

非常感謝..;) –