时间戳

首页 > 解决方案 > 验证和不改变格式的链接

vue.js - 验证和不改变格式的链接

问题描述

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

标签： vue.jsvuetify.js

解决方案

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

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

只需将您的 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 事件处理程序

推荐阅读