Vuejs2 Vue/vuetify，如何将路由器链接添加到选项卡

我只想将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>

概述

---

然而，它似乎不起作用。我认为除了路由器之外的

to

属性应该可以取代href？

编辑2018/11/15
新增示例：

答案仍然适用，但在

v-tab

元素上，而不是

v-tabs-item

e、 g.

---

回答：

使用以下任一选项：

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

还请注意，参数必须位于

参数

对象

，因此不再需要

路由器

选项。但是，我认为您的路线

名称

可能不是

选举/admin

，因此这可能是一个错误。

<v-tabs>
    <v-tab>Tab 1</v-tab>
    <v-tab>Tab 2</v-tab>
    <v-tab-item>Tab 1 content</v-tab-item>
    <v-tab-item>Tab 2 content</v-tab-item>
</v-tabs>

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

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

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