Maison > interface Web > Voir.js > Comment transmettre des valeurs entre les pages vue.js

Comment transmettre des valeurs entre les pages vue.js

coldplay.xixi
Libérer: 2020-11-30 16:50:21
original
3820 Les gens l'ont consulté

Méthodes pour transférer des valeurs entre les pages vue.js : 1. Utilisez une requête pour transférer des valeurs, le code est [query : { name : 'jack' }] ; le code est [params : {userlist : 'userlist' }].

Comment transmettre des valeurs entre les pages vue.js

L'environnement d'exploitation de ce tutoriel : Système Windows 7, vue version 2.9. Cette méthode convient à toutes les marques d'ordinateurs.

Méthodes pour transférer des valeurs entre les pages vue.js :

1. Utilisez une requête pour transférer des valeurs.

Par exemple, passez de a.vue à b.vue et passez name=‘jack’ Le code est le suivant :

this.$router.push({
          path: "/result",
          query: { name: 'jack' }
        });
Copier après la connexion

Dans b.vue, recevez les paramètres via l'url dans la barre d'adresse. ;

Je crée Lors de la réception dans cette fonction, var name = this.$route.query.name; peut recevoir le paramètre name

2. 🎜>

Cette méthode nécessite Notez que lors d'une requête, vous devez écrire le nom dans index.js sous le routeur

peut transmettre la valeur avec la requête ; par

 this.$router.push({
          path: "/result",
          name: "Result",
          query: { name: 'name' },
          params: { usersitelist: 'userlist' }
        });
Copier après la connexion
params n'est pas visible dans la barre d'adresse, mais la méthode d'obtention de la valeur est la même que la requête. J'obtiens également la valeur dans la fonction créée ; 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal