vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

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

在网上查了一下,网友说还可以试试在main.js入口文件配合vue-router写上面这个;

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法_第1张图片

 

另一种方法:


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

 

你可能感兴趣的:(vue-cli,vue)