Solución al problema de que los parámetros de consulta del enrutador vuevue se pierden al cambiar de página

Muchos expertos en front-end suelen utilizar la combinación de vue-router y el-menu en ElementUI cuando trabajan en proyectos de sistemas de gestión de PC:

Los parámetros del enrutador se introducen en el archivo router.js. Al configurar el enrutamiento para vue, se utilizan vistas con nombre. Los detalles son los siguientes:

Consulte la configuración anterior en el archivo del enrutador:

En términos generales, usar este método es suficiente para diversos requisitos de enrutamiento. Simplemente haga clic en la barra lateral del menú izquierdo para cambiar de ruta. Pero cuando necesitemos traer parámetros de consulta, surgirán problemas:

Cuando queremos configurar parámetros de consulta, el método recomendado oficialmente es:

Cuando nuestra URL actual es: www Cuando. jianshu.com/home?a=1amp; b=2, haga clic en el enrutador de la barra lateral para configurar los parámetros, pero el enrutamiento con parámetros no se puede implementar al cambiar la barra lateral, los parámetros se perderán al saltar a la página detallada. Al hacer clic en el menú para navegar a la página detallada, la ruta cambia a:

Todos los parámetros después del signo de interrogación se pierden, lo que provoca un error de página.

La solución es la siguiente:

En el archivo del enrutador, use la función beforeEach para guardar localmente la consulta al ingresar a la página por primera vez:

Agregue el gancho de selección en menu.vue Función para realizar el procesamiento del enrutador:

Después de la modificación, lo probé y el problema se resolvió perfectamente. Todos los cambios de ruta utilizan parámetros de consulta.