在做vue项目时,发现路由跳转之后,页面默认停留在当前浏览的位置,但是很多时候我们想要的是路由跳转之后,页面重新定位到顶部,下面介绍一下可以实现的方法:
再main.ts里面添加代码
方法1
// 路由跳转到顶部
// router.beforeEach((to, from, next) => {
// // chrome
// document.body.scrollTop = 0
// // firefox
// document.documentElement.scrollTop = 0
// // safari
// window.pageYOffset = 0
// next()
// })
方法2
// 跳转后返回顶部
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
})