我有以下jsfiddle,其中包含两个Vuetify选项卡。文档中没有展示如何使用vue-router
的示例。
我在Medium.com帖子中找到了关于如何使用vue-router
与Vuetify的方法,其中包含以下代码:
<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 documentation在其API中没有指定
router
属性,因此该代码现已过时,因此文章中的嵌入式示例无法工作。我还发现了这个StackOverflow answer,其中包含以下代码:
<v-tabs-item :to="{path:'/path/to/somewhere'}">
然而,使用
to
属性无效,并且在Vuetify api中也没有列出。相比之下,v-button
Vuetify组件列出了一个to
属性并利用了vue-router
,因此我希望一个支持vue-router
的组件能够支持to
属性。在旧的old Vuetify 0.17 docs文档中查找,可以发现
to
属性被指定为v-tabs-item
。似乎在1.0.13中已经删除了对它的支持。如何在Vuetify标签页中使用
vue-router
?