首页 > 其他 > 详细

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

时间:2018-02-27 17:08:00      阅读:282      评论:0      收藏:0      [点我收藏+]

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

  

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

原文:https://www.cnblogs.com/cocoxia/p/8479568.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!