vue.js - Vuetify 和不更改格式的链接

Question

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

Answer 1

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

Use click event handler to navigate to the front page

只需将您的 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>

This way its very clean without adding any external css or additional button component just by adding this "$router.push('/')" to @click event handler