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

第一种方法: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}
}

  

posted @ 2018-02-27 16:25  coco夏  阅读(3310)  评论(0编辑  收藏  举报