vue- router 跳转置顶

main.js

// const scrollBehavior = (to, from, savedPosition) => {

//   if (savedPosition && to.meta.keepAlive) {

//     return savedPosition;

//   }

//   return { left: 0, top: 0 };

// };

const scrollBehavior = (to, from, savedPosition) => {

  if (savedPosition) {

    return savedPosition;

  } else {

    return { x: 0, y: 0 };

  }

};

const router = new VueRouter({

  mode: "history",

  scrollBehavior,

  routes: routes

});

 

 ps：以上设置在vue-router模式是history下没什么问题。//  x，y

如果在hash模式下，且vue-router的版本为4+，那么返回对象的x，y就要分别修改为left，top。

 参考：

vue切换页面/路由跳转后，页面不会置顶的解决方案_vue2 切换页面设置的scrollbehavior 回到顶部不生效-CSDN博客