vue router使用时常见问题处理

vue router使用时常见问题处理

---

提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档

---

如果重复跳转同一路径控制台报错

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

解决重写push方法

前端路由页面跳转，跳转后不是在页面顶部

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