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

Question

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

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

正确呈现 <a target="_blank"> 。

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

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

尽管组件呈现 <a> ，但没有 target="_blank" 属性。我们怎样才能使这项工作？

原文由 Andrew Mao 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

试试下面的代码片段

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

Vuetify 按钮 API

原文由 Dinozzo 发布，翻译遵循 CC BY-SA 4.0 许可协议