Tanto la consulta como los parámetros se pasan parámetros en el enrutamiento de Vue.
Uso: la consulta se introduce por ruta, los parámetros solo se pueden pasar por nombre, no por ruta
Efecto de visualización: la consulta es más como una solicitud de obtención en ajax (los parámetros se mostrarán en la barra de direcciones) y params es más como un método de publicación (los parámetros no se mostrarán en la barra de direcciones)
Pasar y recibir parámetros en modo consulta
// Pasar el parámetro
this. $ Router.push ({
ruta: '/ xxx'
consulta: {
id: id
}
})
// Recibir el parámetro
this. $ Route.query.id
El parámetro de paso es this. $ Router, el parámetro de recepción es this. $ Route
$ router es una instancia de VueRouter. Si desea navegar a diferentes URL, puede usar los métodos de $ this.router (presionar, ir, reemplazar) para cambiar de ruta
$ route es el objeto de redireccionamiento del enrutador actual. Puede obtener nombre, ruta, consulta, parámetros y otra información relacionada
Manera de los parámetros para pasar parámetros y recibir parámetros
// Pasando parámetros:
this. $ Router.push ({
nombre: 'xxx'
params: {
id: id
}
})
// Recibiendo parámetros:
this. $ Route.params.id
El parámetro pasado en params solo puede ser nombre, no ruta
params solo puede usar el nombre para importar rutas. Si la ruta se escribe aquí, la página de parámetros no estará definida
Blog original: https://www.cnblogs.com/theblogs/p/10462155.html