web-dev-qa-db-fra.com

VueJs obtenir une requête d'URL

Je développe un site Web avec vuejs et à ce moment, je suis en difficulté, j'ai besoin d'obtenir la requête d'URL (page) à partir d'une URL comme celle-ci websitename.com/user/?page=1 mais le this.$router.query.page obtenir une erreur (Uncaught TypeError: impossible de lire la propriété 'page' de indéfinie)

quelqu'un sait quelque chose sur ce problème et peut m'aider?

PS: Je peux définir la page de requête en utilisant

this.$router.Push({name: 'userIndex', query: { page: '123' } });

et je peux obtenir les paramètres normaux url comme le

userID -> (websitename.com/user/:userId | websitename.com/user/1)

mais je ne peux obtenir aucun paramètre de requête

45
Simão Lemos

Je pense que vous pouvez appeler simplement comme ça, cela vous donnera une valeur de résultat.

this.$route.query.page

Look image $ route est objet dans Vue Instance et vous pouvez y accéder avec ce mot-clé. Vous pouvez ensuite sélectionner les propriétés de l'objet comme ci-dessus:

enter image description here

Consultez le document Vue-router pour sélectionner la valeur des requêtes:

Objet Vue Router

85
Mandeep Gill

Les propriétés de la route en cours sont présentes dans this.$route, this.$router est l'instance d'objet routeur qui donne la configuration du routeur. Vous pouvez obtenir la requête de route actuelle en utilisant this.$route.query

8
Srinivas Damam

Dans mon cas, je console.log(this.$route) et retourné le chemin complet:

console.js:
fullPath: "/solicitud/MX/666",
params: {market: "MX", id: "666"},
path: "/solicitud/MX/666"

console.js: /solicitud/MX/666
3
Jorge Epuñan