Maison >interface Web >Voir.js >Comment accéder à la page dans vue.js

Comment accéder à la page dans vue.js

王林
王林original
2021-10-08 13:53:225385parcourir

Comment accéder à une page dans vue.js : 1. Définissez trois boutons pour revenir en arrière, avancer et accéder à n'importe quelle page du DOM ; 2. Manipulez les trois boutons de retour, d'avance et accéder à n'importe quelle page du DOM ; bouton constructeur, écrivez simplement la méthode dans les méthodes.

Comment accéder à la page dans vue.js

L'environnement d'exploitation de cet article : système windows10, vue.js 2.5.2, ordinateur thinkpad t480.

Normalement, lorsque nous passons à une page en vue, nous choisirons d'utiliser la balise b988a8fd72e5e0e42afffd18f951b277, mais nous ne pouvons pas manipuler directement les éléments DOM dans le constructeur, alors comment devons-nous accéder à la page dans ce cas ? à propos de tourner ?

Voyons comment cela fonctionne ensemble !

Étape 1 :

Nous avons d'abord configuré trois boutons dans le DOM, à savoir "Retour", "Avant" et "Aller à n'importe quelle page".

<button @click="goback">后退</button>
<button @click="forwards">前进</button>
<button @click="goto">跳转任一页</button>

L'étape suivante consiste à les manipuler dans le constructeur

Lorsque vous sélectionnez le bouton "Retour", la page passera à la page précédente

Lorsque vous sélectionnez le bouton "Avant", la page passera à la suivante page

Lorsque vous sélectionnez le bouton "Aller à n'importe quelle page", la page passera à Aller à n'importe quelle page

À l'exception du dernier Aller à n'importe quelle page, les deux autres boutons doivent avoir des traces historiques avant de pouvoir sauter

Le la méthode est bien sur A écrire en méthodes :

methods: {
     goback() {
       this.$router.go(-1)
     },
     forwards() {
       this.$router.go(1)
     },
     goto() {
       this.$router.push("/about")
     }
}

Apprentissage recommandé : formation php

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn