码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-02-27 17:46:35      阅读:331      评论:0      收藏:0      [点我收藏+]

标签:log   outer   scroll   htm   pos   llb   跳转页面   ext   each   

第一种方法: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跳转页面时返回顶部

标签:log   outer   scroll   htm   pos   llb   跳转页面   ext   each   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!