Vue Router позволяет указать, куда и как скролить экран при переходе на роут:
Другие варианты можно посмотреть в документации
#vuerouter #tip
const router = createRouter({
scrollBehavior(to, from, savedPosition) {
// всегда прокручивать до верха
return { top: 0 }
},
})
const router = createRouter({
// нативное поведение при навигации с помощью кнопок назад/вперед:
scrollBehavior(to, from, savedPosition) {
if (savedPosition) {
return savedPosition
} else {
return { top: 0 }
}
},
})
const router = createRouter({
// задержка перед скролом
scrollBehavior(to, from, savedPosition) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve({ left: 0, top: 0 })
}, 500)
})
},
})
Другие варианты можно посмотреть в документации
#vuerouter #tip
vue-router-ru.netlify.app
Vue Router
Официальный маршрутизатор для Vue.js