Vue-FAQ
925 subscribers
560 photos
90 videos
555 links
Канал сайта https://vue-faq.org
Информация о Vue.js, фронтенд разработке и не только

Contacts: @RuslanMakarov
Download Telegram
Vue Router позволяет указать, куда и как скролить экран при переходе на роут:

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