【vue】切换路由时，页面滚动位置

有页面A,B

此时我在A页面的最底部，然后点击切换路由到B页面，发现此时页面更新了，但是位置还在底部，怎么解决?

router/index.js

// vue2.0 new VueRouter()创建路由实例
// vue3.0 createRouter()创建路由实例

const router = createRouter({
  history: createWebHashHistory(), // 使用hash路由模式
  routes,
  scrollBehavior () { // 每次切换路由时，页面滚动的位置
    // return { x: 0, y: 0 }// vue2.0 写法
    return { left: 0, top: 0 }// vue3.0 写法
  }
})