定制路由行为: 切换路由时页面回滚到顶部

1、定制路由行为

定制路由行为,可以在不同路由切换的时候,页面自动滚回到页面顶部,而不是停留在原先的位置

如何配置:vue-router支持scrollBehavior配置项,可以指定路由切换时的滚动位置

简单来说就是去router目录下的index.js文件,在对应位置添加以下代码即可

  //路由滚动行为控制
  scrollBehavior(){
    return {
      top:0
    }
  }

如图: