web-dev-qa-db-ja.com

Vuetify v-btnおよびVue routerで新しいウィンドウにリンクを開く

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"属性はありません。どうすればこれを機能させることができますか？

vue.jsvuejs2vue-routervuetify.js
9
Andrew Mao

次のコードスニペットを試してください

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

Vuetify Button API

20
Dinozzo