vue router小技巧

1.在点击进行路由跳转的时候，切换后的页面并不是从顶部开始展示的，有时是跳到页面的底部或者别的地方，这就很影响用户体验了，非常不科学

所以为了切换的页面是从头部开始展示，需要添加下列代码：

const router = new VueRouter({
    routes: routers,
    mode: 'hash',
    // 从顶部展示页面
    scrollBehavior(to, from, savedPosition) {
        if (savedPosition) {
            return savedPosition
        } else {
            return { x: 0, y: 0 }
        }
    }
})

2.防止同一路由重复跳转报错问题，虽然并不影响正常使用，但有时候看到报错总是不舒服，所以添加如下代码可解决

// 解决路由重复跳转报错
// 获取原型对象上的push函数
const originalPush = VueRouter.prototype.push
// 修改原型对象中的push方法
VueRouter.prototype.push = function push(location) {
   return originalPush.call(this, location).catch(err => err)
}