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}
}

  

猜你喜欢

转载自www.cnblogs.com/BLOGZR/p/10195665.html
今日推荐