如何使用路由器运行 Vuetify.js 工具栏标题

Question

我正在使用 vuetify.js。我想应用程序标题链接到顶部菜单。但是在 /route shop 和 /discount 中，HogeHoge 按钮更改了切换状态。有没有办法收集这个？

<v-toolbar app>
  <v-toolbar-title class="mr-5">
    <v-btn flat to="/">HogeHoge</v-btn>
  </v-toolbar-title>
  <v-toolbar-items class="hidden-sm-and-down">
    <v-btn flat to="/shop">shop</v-btn>
    <v-btn flat to="/discount">discount</v-btn>
  </v-toolbar-items>
</v-toolbar>

Answer 1

只需编辑 v-toolbar-title 标签以包含以下内容：

<v-toolbar-title style="cursor: pointer" @click="$router.push('/')" >

Answer 2

您可以添加精确作为道具，如下所示：

<v-btn flat to="/shop" exact>shop</v-btn>
<v-btn flat to="/discount" exact>discount</v-btn>