У меня есть следующий jsfiddle, который имеет две вкладки Vuetify. В документации нет примеров использования vue-router
с ними.
Я нашел это сообщение Medium.com о том, как использовать Vuetify с 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, поэтому встроенный пример в сообщении не работает.
Я также нашел этот qaru.site/info/2435971/... который имел следующий код:
<v-tabs-item :to="{path:'/path/to/somewhere'}">
Тем не менее, используя to
проп не работает, и он также не указан в апи Vuetify. В отличии от этого, v-button
Vuetify компонент делает перечислит to
подпирать и использует vue-router
, так что я бы ожидать vue-router
поддерживал компонент для поддержки, to
поддержать.
Копаясь в старых старых документах Vuetify 0.17, to
prop указывается для v-tabs-item
. Кажется, что поддержка могла быть удалена в 1.0.13.
Как я могу использовать vue-router
с вкладками Vuetify?