欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue - 路由跳转新页面后回到顶部

程序员文章站 2022-05-14 09:28:28
...

前言

    vue路由跳转新页面,如果有滚动条的话,会保持和原来位置回到顶部

解决方法

1、全局设置路由跳转回到顶部,router.js中

router.afterEach((to,from,next)=>{
  window,scrollTo(0,0)
})

2、单个页面路由跳转回到顶部

mounted () {
  this.$router.afterEach((to,from,next)=>{
    window,scrollTo(0,0)
  })
}