如何 link Vuetify <v-card> 到外部网站？

Question

如何link一个v-card到外部网站？

当我这样做时：

<v-card to="https://www.whosebug.com">
  <v-card-title>STACK OVERFLOW</v-card-title>
</v-card>

它正在重定向到：

http://localhost:3000/https://www.whosebug.com

Answer 1

您使用了错误的属性，您应该像这样使用 href 属性，它将元素表示为锚点 (a) 标签：

<v-card href="https://www.whosebug.com">
  <v-card-title>STACK OVERFLOW</v-card-title>
</v-card>

Answer 2

to 属性用于重定向到 vue 路由器路径，如果你想重定向到外部 link 你可以使用 href 而不是 target="_blank" 如果你想在新标签页中打开 link :

 <v-card href="https://www.whosebug.com" target="_blank">

How to link a Vuetify <v-card> to an external website?