Vue-Vue-router跳转页面时返回顶部

Posted 2020-10-25 cocoxia

第一种方法:main.js

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

　　

第二种方法：

　在创建router实例时，做如下的配置

　savedPosition当且仅当通过浏览器的前进/后退按钮触发时才可用

scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
        return savedPosition
    }
    return {x: 0, y: 0}
}