Ouvrir le lien dans une nouvelle fenêtre avec Vuetify v-btn et Vue router
Les versions récentes de Vue Router permettent des liens qui s'ouvrent dans un nouvel onglet, par exemple les suivants
<router-link :to="{ name: 'fooRoute'}" target="_blank">
Link Text
</router-link>
rend correctement un <a target="_blank">.
Cependant, la même chose ne semble pas fonctionner avec un Vuetify v-btn, qui prend en charge les chemins de routeur, par exemple si nous voulons utiliser une icône.
<v-btn icon :to="{ name: 'fooRoute'}" target="_blank">
<v-icon>window</v-icon> Link Text
</v-btn>
Malgré le rendu du composant un <a>, il n'y a pas target="_blank" attribut. Comment pouvons-nous faire fonctionner cela?
Essayez l'extrait de code suivant
<v-btn icon href="/fooRoute" target="_blank">
<v-icon>window</v-icon> Link Text
</v-btn>