Tengo un problema con mi aplicación Vue. es una gran aplicación con más de 40 páginas. El problema es que a veces el navegador almacena en caché la posición de desplazamiento, de modo que cuando el usuario pasa de una página a otra, el navegador muestra la posición de desplazamiento de la página anterior. Lo que oculta el contenido de la página superior de un usuario que necesita desplazarse hacia arriba para ver el contenido completo. Esto es malo para la experiencia del usuario.
Encontré una solución aquí , pero necesita copiar/pegar en todas las vistas de 40 páginas, lo cual no es muy inteligente. Cualquier solución mejor
Bueno, usando la respuesta útil en la respuesta vinculada pero mucho más inteligente, encontré un gran método de enrutador llamado afterEach aquí es cómo:
router.afterEach((to, from) => { window.scrollTo(0, 0); });con este código, cada vez que cambie la ruta, la ventana se desplazará hacia la esquina superior izquierda del navegador evitando cualquier posición de desplazamiento en caché y brindando una mejor experiencia de usuario