En joignant un routeur-balise de lien dans un bouton dans vuejs

Puis-je envelopper ou de joindre une router-link balise dans un button tag?

Lorsque j'appuie sur le bouton, je veux qu'il voie moi à la page désirée.

OriginalL'auteur Kushagra Agarwal | 2017-08-11

  1. 53

    Vous pouvez utiliser de la balise prop.

    <router-link to="/foo" tag="button">foo</router-link>

    OriginalL'auteur choasia

  2. 23

    @choasia's réponse est correcte.

    Sinon, vous pouvez envelopper un button balise dans un router-link balise comme ceci:

    <router-link :to="{name: 'myRoute'}">
  <button id="myButton" class="foo bar">Go!</button>
</router-link>

    Ce n'est pas très propre parce que votre bouton sera à l'intérieur d'un élément de lien (<a>). Cependant, l'avantage est que vous avez un contrôle total sur votre bouton, qui peut être nécessaire si vous travaillez avec un front-end framework comme Bootstrap.

    Je n'ai jamais utilisé cette technique sur les boutons, pour être honnête. Mais je l'ai fait sur les divs assez souvent...

    OriginalL'auteur Badacadabra

  3. 5

    Maintenant des jours (VueJS >= 2.x) vous feriez:

    <router-link tag="button" class="myClass" id="button" :to="place.to.go">Go!</router-link>

    OriginalL'auteur Anuga

  4. 2

    Même si les réponses ici sont tous bons, aucun ne semble être la solution la plus simple. Après quelques recherches rapides, il semble que la véritable façon la plus simple de faire un bouton vue-routeur est avec le router.push appel. Ceci peut être utilisé à l'intérieur d'un .vue modèle comme celui-ci:

    <button @click="$router.push('about')">Click to Navigate</button>

    Super simple et propre. J'espère que quelqu'un trouve cette pratique!

    Source: https://router.vuejs.org/guide/essentials/navigation.html

    OriginalL'auteur Wes Winder

  5. 0

    Je suis en train de travailler sur la Vue de la CLI 2 et celui-ci a fonctionné pour moi!

    <router-link to="/about-creator">
<button>About Creator</button>
</router-link>

    OriginalL'auteur Aashay Trivedi