Comment passer des paramètres d'url pour Vuejs
Je suis en train de construire une application avec laravel et VueJs et je me demandais comment passer un paramètre d'url comme l'utilisateur slug ou l'id utilisateur à vuejs dans une bonne façon d'être en mesure d'utiliser ce paramètre pour faire des requêtes ajax?
Par exemple lorsque quelqu'un clique sur un lien menant à
domain.com/user/john-appleseed
Je veux faire une requête ajax au sein de mon vuejs application avec le slug 'jean-appleseed" comme paramètre.
Qu'est-ce que le "bon/bonne" façon d'?
Merci d'avance!
Comment avez-vous gérer le routage? Avec vue.js ou Laravel?
J'utilise laravel pour le routage
Désolé si je ne comprends pas, lorsque l'utilisateur clique sur le lien, ne vous chargez la page et ensuite faire une requête ajax ou le faire directement la requête ajax?
Si un utilisateur visite une page, alors je veux faire une requête ajax pour charger les données au lieu de passer à la vue avec laravel. De cette façon, je peux utiliser les données dans vuejs à lire/ajouter/supprimer/mettre à jour/afficher les données. Mais pour faire de la requête ajax (via la vue-des ressources) j'ai besoin de passer un paramètre à un identificateur d'utilisateur. Maintenant l'url le paramètre et je tiens à le passer dans ma vue instance d'une requête ajax requête get. Comment dois-je faire?
J'utilise laravel pour le routage
Désolé si je ne comprends pas, lorsque l'utilisateur clique sur le lien, ne vous chargez la page et ensuite faire une requête ajax ou le faire directement la requête ajax?
Si un utilisateur visite une page, alors je veux faire une requête ajax pour charger les données au lieu de passer à la vue avec laravel. De cette façon, je peux utiliser les données dans vuejs à lire/ajouter/supprimer/mettre à jour/afficher les données. Mais pour faire de la requête ajax (via la vue-des ressources) j'ai besoin de passer un paramètre à un identificateur d'utilisateur. Maintenant l'url le paramètre et je tiens à le passer dans ma vue instance d'une requête ajax requête get. Comment dois-je faire?
OriginalL'auteur Luuk Van Dongen | 2015-09-14
Vous devez vous connecter pour publier un commentaire.
vue-routeur serait probablement de l'aide ici. Elle vous permet de définir vos itinéraires:
Au sein de votre
Profile
composant, à la demande de l'utilisateur slug serait alors devenu disponible sousthis.$route.params.slug
Vérifier la documentation officielle pour plus de détails: http://router.vuejs.org/en/
this.$route.params.slug
au lieu de$route.params.slug
. Vous ne savez pas si ça compte, mais je me suis Vue à l'aide de la version 2.0.3.merci pour la note, il fixe.
OriginalL'auteur jsphpl
Je suppose que vous êtes la construction d'un composant. Disons, vous avez un bouton à l'intérieur de ce composant et quand est cliqué, vous voulez effectuer une action (requête AJAX, ou tout simplement de rediriger).
Dans ce cas, vous passez l'URL en paramètre du composant et vous pouvez l'utiliser à l'intérieur.
HTML:
Votre composant JS:
Vous pouvez alors accéder au paramètre dans le volet
this.loginUrl
.S'il vous plaît notez que les param name différence dans la partie HTML de dash-notatinon et en JS comme camelCase.
OriginalL'auteur n1_
Vous pouvez obtenir l'url du lien que vous cliquez sur, puis utilisez cette url pour faire votre requête ajax.
Et dans votre modèle de cette méthode est appelée lorsque l'utilisateur clique sur un lien:
OriginalL'auteur Needpoule
Si vous utilisez la vue-routeur et de vouloir saisir les paramètres de la requête et les faire passer pour les accessoires, vous pouvez le faire de cette façon.
Url appelée : http://localhost:8080/#/?prop1=test1&prop2=test2
Moncomposant.vue
router/index.js
OriginalL'auteur Marc Bouvier