使用Vuetify v-btn和Vue路由器在新窗口中打开链接

Question

最新版本的Vue Router允许在新选项卡中打开的链接,例如以下内容

<router-link :to="{ name: 'fooRoute'}" target="_blank">
  Link Text
</router-link>

正确呈现一个<a target="_blank">.

但是,这似乎不适v-btn用于支持路由器路径的Vuetify ,例如,如果我们想要使用图标.

<v-btn icon :to="{ name: 'fooRoute'}" target="_blank">
  <v-icon>window</v-icon> Link Text
</v-btn>

尽管组件呈现了<a>,但没有target="_blank"属性.我们怎样才能做到这一点？

Answer 1

请尝试以下代码段

<v-btn icon href="/fooRoute" target="_blank">
  <v-icon>window</v-icon> Link Text
</v-btn>

Answer 2

要打开 anew tab或 an external link，请使用href属性而不是to，例如：

<v-btn
    href="https://letesend.com/"
    target="_blank"
    icon
>
    <v-icon>window</v-icon> Link Text
</v-btn>