vue中页面刷新回到顶部、不同页面跳转之后回到顶部

最新推荐文章于 2024-05-11 11:53:47 发布

grtjh203

最新推荐文章于 2024-05-11 11:53:47 发布

阅读量887

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_59297167/article/details/129586567

版权

本页面刷新之后回到顶部，使用vue中的方法 scrollBehavior
const router = new VueRouter({
 scrollBehavior(to, from, savedPosition) {
    // 期望滚动到哪个位置
    return {
      x: 0,
      y: 0
    }
  },
  routes
})




不同页面路由跳转之后回到顶部
router.beforeEach((to, from, next) => {
 
  // 路由跳转后，让页面回到顶部
  document.body.scrollTop = 0; 
  document.documentElement.scrollTop = 0; 
  window.pageYOffset = 0; 
  // 调用 next()，一定要调用 next 方法，否则钩子就不会被销毁!!
  next();
});