路由后的页面直接在顶部

vue 路由后的页面都是直接在顶部

在使用router后，新的页面是跳转前的位置。所以体验不好，，这时候经过查网上的资料发现router本身有scrollBehavior 的方法，代码如下

let router = new Router({
  routes: [
    {
      path: '/',
      name: 'MySource',
      meta: {
        title: '**',
        loginRequired: true
      },
      component: resolve => { require(['./views/MySource.vue'], resolve) }
    },
     ],
  scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }
  }

其中的x和y值都为0就表示默认跳转后再页面的顶部

具体可见官网