如何解决vue-router报Avoided redundant navigation to current location 错误？

我们在用 vue-router 做单页应用的时候重复点击一个跳转的路由会出现报错，简称路由重复，如下图：

上图的报错就是重复路由引起的，如何解决 vue-router 报 Avoided redundant navigation to current location 路由重复错误呢？

只需在注册路由组建后重写路由就可以，具体代码如下：

// 解决 ElementUI 导航栏中的 vue-router 在 3.0 版本以上重复点菜单报错问题
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location:any) {
  return originalPush.call(this, location).catch((err:any) => err)
}

以上关于如何解决vue-router报Avoided redundant navigation to current location 错误？的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。