vue-cli跳转到新页面的顶部

时间:2022-12-22 01:50:42

我这里有两种方法都是可以用的

1,利用vue-router的默认模式hash,可以记录上一页的位置,如果需要点话,如果没有记录,在进入新页面的时候是返回到新页面的最顶部的

    scrollBehavior (to, from, savedPosition) {
console.log('这里是1:',to, from, savedPosition);
/*
* 如果有记录位置,进入新页面的时候滚动到记录的位置
* 如果没有记录位置,进入新页面的时候就在最顶部
*/
if(savedPosition) {
return savedPosition;
} else {
return { x: 0, y: 0 };
}
}

2,直接利用JavaScript的window的方法便可。

router.afterEach((to, from, next) => {
window.scrollTo(0,0);
})