vuejs2 - route - vue title attribute

VueJs obtener url consulta

Question

Estoy desarrollando un sitio web con vuejs y en este momento estoy en problemas, necesito obtener la consulta de url (página) de un url como este websitename.com/user/?page=1 pero el this.$router.query.page un error (No se detectó TypeError: No se puede leer la propiedad ''page'' de undefined)

Alguien sabe algo sobre este problema y me puede ayudar?

PD: Puedo configurar la página de consulta usando

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

y puedo obtener la url params normales como el

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

pero no puedo obtener ningún parámetro de consulta

Answer 1

Creo que puedes hacer una simple llamada como esta, esto te dará un valor de resultado.

this.$route.query.page

Look image $ route es un objeto en Vue Instance y puede acceder con esta palabra clave y, a continuación, puede seleccionar propiedades de objeto como la anterior:

Eche un vistazo al documento Vue-Router para seleccionar el valor de las consultas:

Vue Router Object

Answer 2

En mi caso, console.log(this.$route) y devolví el fullPath:

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

console.js: /solicitud/MX/666

Answer 3

Las propiedades de ruta actuales están presentes en this.$route , this.$router es la instancia del enrutador objeto que proporciona la configuración del enrutador. Puede obtener la consulta de ruta actual usando this.$route.query