使用 Vuetify v

本文介绍了使用 Vuetify v-btn 和 Vue 路由器在新窗口中打开链接的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

限时送ChatGPT账号..

最近版本的 Vue Router 允许在新标签页中打开链接，例如以下

Recent versions of Vue Router allow for links that open in a new tab, e.g. the following

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

正确呈现 .

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

However, the same doesn't seem to work with a Vuetify v-btn, which supports router paths, for example if we want to use an icon.

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

尽管组件呈现了 ，但没有 target="_blank" 属性.我们如何才能做到这一点?

Despite the component rendering an <a>, there is no target="_blank" attribute. How can we make this work?

推荐答案

试试下面的代码片段

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

Vuetify 按钮 API

这篇关于使用 Vuetify v-btn 和 Vue 路由器在新窗口中打开链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！