Maison > Article > interface Web > Comment accéder à la page dans vue.js
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.
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!