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

每天一点点之vue框架开发 - vue中使用vue-router切换页面时自动滚动到顶部的方法

时间:2019-01-12 15:27:08      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:[]   body   页面回到顶部   outer   export   mod   ima   页面   col   

1. 在main.js入口文件中写入

//路由跳转后,页面回到顶部
router.afterEach(() => {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
}

 位置如下:

技术分享图片

 

 

 

2. 还可以在实例router对象的时候设置

export default new Router({
      mode: ‘hash‘,
      // base: ‘/dist/‘,
      scrollBehavior: () => ({ y: 0 }), //路由跳转后页面回到顶部
      routes: []
})

 

 

 

 

参考链接:https://blog.csdn.net/csl125/article/details/83996314 

 

每天一点点之vue框架开发 - vue中使用vue-router切换页面时自动滚动到顶部的方法

标签:[]   body   页面回到顶部   outer   export   mod   ima   页面   col   

原文地址:https://www.cnblogs.com/cap-rq/p/10259495.html

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