相关疑难解决方法(0)

我有以下jsfiddle有两个Vuetify选项卡.该文档未显示vue-router与它们一起使用的示例.

我发现了这个关于如何使用Vuetify的Medium.com帖子vue-router,其中包含以下代码:

<div id="app">
  <v-tabs grow light>
    <v-tabs-bar>
      <v-tabs-item href="/" router>
        <v-icon>motorcycle</v-icon>
      </v-tabs-item>
      <v-tabs-item href="/dog" router>
        <v-icon>pets</v-icon>
      </v-tabs-item>
    </v-tabs-bar>
  </v-tabs>

  <router-view />
</div>

但是,代码现在已过时,因为Vuetify 1.0.13 Tabs文档未router在其api中指定prop,因此帖子中的嵌入示例不起作用.

我还发现这个StackOverflow答案有以下代码:

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

但是,使用to道具不起作用,它也没有在Vuetify api中列出.相比之下,v-buttonVuetify组件确实列出了一个to道具和利用vue-router,所以我希望vue-router支持的组件支持to道具.

在旧的Vuetify 0.17文档中挖掘,to道具是指定的v-tabs-item.看来支持可能已在1.0.13中删除.

我如何使用vue-routerVuetify标签？