vue-router路由跳转默认回到顶部

背景

使用router-view跳转页面时，每次跳转，页面都定位到当前看的位置

思路

路由跳转后添加回滚到顶部操作

方案

方案一、再main.js中添加如下代码

// 路由跳转后返回页面顶端
router.afterEach((to, from, next) => {
  window.scrollTo(0, 0)
})

方案二、再App.vue中添加如下代码

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