Vuetify <v-toolbar-title>和不会更改格式的链接

Question

看来您可以使用to来扩展路由器链接。我想链接到首页。不起作用，换行会更改格式。如何在不更改格式的情况下创建<-v-toolbar-title>链接？谢谢！

Answer 1

有一种处理这种情况的完美方法。

使用点击事件处理程序导航到首页

只需将您的v-toolbar-title代码替换为以下代码即可。

<v-toolbar-title @click="$router.push('/')" class="headline text-uppercase" >
  <span class="display-1 text-uppercase font-weight-medium">Company&nbsp;</span>
  <span class="display-1 text-uppercase font-weight-light">Associates</span>
</v-toolbar-title>

这样，它很干净，而无需添加任何外部CSS或其他按钮组件，只需将这个“ $ router.push（'/'）”添加到@click事件处理程序中即可

Answer 2

一种快速修复方法如下。据我所知，还没有现成的解决方案。

<v-toolbar-title>
    <v-btn text to="/">home</v-btn>
</v-toolbar-title>

.theme--light.v-btn--active:hover::before,
.theme--light.v-btn--active::before {
  opacity: 0;
}

.theme--dark.v-btn--active:hover::before,
.theme--dark.v-btn--active::before {
  opacity: 0;
}