Maison > interface Web > Voir.js > le corps du texte

Comment implémenter le transfert de valeur de page dans vue.js

coldplay.xixi
Libérer: 2020-11-26 15:13:04
original
2414 Les gens l'ont consulté

Méthode Vue.js pour implémenter le transfert de valeur de page : 1. Utilisez la requête pour transférer la valeur, le code est [var name=this.$route.query.name] ; le code est [params : {userlist: 'userlist' }].

Comment implémenter le transfert de valeur de page dans vue.js

  • Cette méthode convient à toutes les marques d'ordinateurs

Méthode vue .js pour implémenter le transfert de valeur de page :

1 Utilisez une requête pour transférer la valeur [barre d'adresse visible]

Par exemple, passez d'un .vue vers b.vue, 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 le reçois dans ; la fonction créée, var name=this.$route.query.name;Vous pouvez recevoir le paramètre name ;

2. Utilisez params pour transmettre la valeur [la barre d'adresse n'est pas visible]

Une chose. à noter à propos de cette méthode, lors d'une requête, vous devez écrire le nom dans index.js sous le routeur

peut transmettre la valeur avec la requête ; params n'est pas visible dans la barre d'adresse, mais la méthode de valeur est la même que la requête Oui, j'obtiens également la valeur dans la fonction créée

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

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