vue2项目页面切换初始页面默认显示到页面得顶部区域

问题：

问题需求：当进入每一个vue页面的时候，默认显示页面的顶部

问题原因：如果不进行设置的话vue进入新页面显示的页面位置默认是上一个页面预览到的位置,在查看商品详情页的时候会很不方便

解决问题方法：

找到router/index.js中设置，添加以下代码，添加的位置在const router = new VueRouter中去：

scrollBehavior(to, from, savedPosition) {
    if (savedPosition) {
      return savedPosition
    } else {
      return { x: 0, y: 0 }
    }
  }

案例 — 如：