Maison > interface Web > js tutoriel > Explication détaillée du passage des paramètres de liaison de routeur et de l'utilisation des paramètres dans vue

Explication détaillée du passage des paramètres de liaison de routeur et de l'utilisation des paramètres dans vue

小云云
Libérer: 2017-12-22 11:33:38
original
7190 Les gens l'ont consulté

Cet article explique principalement en détail le passage des paramètres vue router-link et les exemples d'utilisation des paramètres. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Suivons l'éditeur et jetons un coup d'œil. J'espère que cela pourra vous aider à maîtriser le transfert des paramètres de liaison routeur et l'utilisation des paramètres dans vue.

1. Chemin : http://localhost:8081/#/test?name=1

<router-link :to="{path:&#39;/test&#39;,query: {name: id}}">
Copier après la connexion

Jump(l'identifiant est un paramètre)

Utilisez : this.$route.query.id

2. Chemin : http://localhost:8081/#/test/1

<router-link :to="&#39;/test/&#39;+id">
Copier après la connexion

Hop Transfer< ;/router-link>(l'identifiant est un paramètre)

Route :

Utiliser : this.$route.params.id( L'ID est lié à la configuration de la route dans l'image ci-dessus)

this.$route est un tableau qui contient toutes les informations de la route

Remarque : si le lien dans le routeur- le lien commence par '/' Commence à partir de la route racine, ou de la route actuelle si elle ne commence pas par '/'.

Recommandations associées :

Le routeur Vue utilise jquery et params pour réussir l'analyse des paramètres

Explication détaillée de l'utilisation de la fonction anonyme js et du passage des paramètres exemples

Comment comprendre les types, le passage de paramètres et l'environnement d'exécution en JavaScript

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