131 votes

Comment puis-je revenir en arrière sur vue-router ?

D'accord, pour expliquer cela simplement :

J'ai 3x pages.

  • Page 1 (Accueil)
  • Page 2 (Menu)
  • Page 3 (À propos)

La page 1 a un-

bouton qui, lorsqu'il est cliqué, routera vers "/menu".

Pour l'instant, la Page 2 (Menu) a un

bouton et lorsque ce bouton est cliqué, il revient à l'emplacement précédent "/" Page 1 (Accueil).

Mais je ne veux pas créer un composant pour le routeur pour chaque page pour 'revenir' à la page précédente (car si j'avais 100 pages cela pourrait nécessiter beaucoup de travail pour revenir en arrière). Y a-t-il un moyen de le faire avec vue-router ? similaire à window.history.back()

Je suis curieux de voir s'il y a un moyen de le faire car je ne le trouve pas dans la documentation.

3 votes

1 votes

@yuriy636's est probablement la meilleure réponse. Actuellement, nous avons un composant externe avec le bouton de retour qui utilise la manipulation de chaîne sur l'URL actuelle pour revenir à la dernière page dans la route. Nous passerons probablement à la méthode router.go lorsque nous en aurons l'occasion maintenant.

1 votes

Ok merci! C'était juste sous mon nez! Je ne suis pas vraiment sûr comment écrire ceci dans ma syntaxe cependant. Désolé! Je suis novice dans ce domaine!

-5voto

ittus Points 5085

Une autre solution consiste à utiliser vue-router-back-mixin

import BackMixin from `vue-router-back-mixin`

export default {
  ...
  mixins: [BackMixin],
  methods() {
    goBack() {
      this.backMixin_handleBack()
    }
  }
  ...
}

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X