Comment créer une page de saut dans vue.js

Méthode Vue.js pour implémenter le saut de page : 1. Utilisez la balise [] pour sauter ; 2. Utilisez la méthode [this.$router.push()], lorsqu'il n'y a qu'un seul paramètre, Représente l'adresse de saut, et peut également ajouter un paramètre pour transmettre la valeur.

[Articles connexes recommandés : vue.js]

vue. Comment implémenter le saut de page dans js :

Cliquez sur l'étagère du bas pour accéder à la page correspondante

<router-link :to="{name: &#39;bookshelf&#39;, params: { entityId: this.entityId } }"
             :class="{&#39;flex-item-1&#39;:&#39;flex-item-1&#39;,cur:tabs[0].isShow}" href="javascript:">
              <span class="tabNav-ico tabNav-book"></span>
              <span class="tabNav-txt">书 架</span>
</router-link>

'name' : 'bookshelf' représente le nom du composant Vue à utiliser sauté, nom Il est défini dans index.vue sous le fichier du routeur.

{
     path: '/bookshelf',
     name: 'bookshelf',
     component: Bookshelf
   },

params : {entityId : this.entityId} contient les paramètres à transmettre.

Recevoir les paramètres dans le composant bibliothèque

this.bookshelfId = this.$route.params.entityId;

En plus d'utiliser la balise b988a8fd72e5e0e42afffd18f951b277 >

<a @click="toIndex" :class="{&#39;flex-item-1&#39;:&#39;flex-item-1&#39;,cur:tabs[2].isShow}" href="javascript:">
      <span class="tabNav-ico tabNav-home"></span>
      <span class="tabNav-txt">首 页</span>
</a>
toIndex: function(){
        this.$router.push("/?entityId="+ localStorage.getItem("entityId"));
}

Vous pouvez également accéder à la page. Lorsque la méthode this.$router.push() n'a qu'un seul paramètre, elle représente l'adresse de saut. Vous pouvez également ajouter un paramètre pour transmettre la valeur.

Écriture :

this.$router.push({name: "deepReadingDetail", params: {'id': data.id, 'title': data.title}});

Paramètres de réception :

this.$route.params.title

Recommandations d'apprentissage gratuites associées :

javascript (vidéo )

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!