vueRouter:Avoided redundant navigation to current location

最新推荐文章于 2025-04-21 21:04:24 发布

荷花微笑

最新推荐文章于 2025-04-21 21:04:24 发布

阅读量6.6k

点赞数 2

分类专栏： Element UI

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_35432904/article/details/106786823

版权

Element UI 专栏收录该内容

5 篇文章

订阅专栏

本文解决ElementUI中Vue-Router3.0+版本在重复点击相同菜单时出现的错误，通过修改router/index.js文件中的VueRouter原型方法push，避免了冗余导航导致的警告。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、问题描述：

最近使用ElementUI的NavMenu 导航菜单组件的时候，发现一个导航被重复点击的时候，

element-ui.common.js?b705:3354 Error: Avoided redundant navigation to current location: "/management/arrange".
at createRouterError (vue-router.esm.js?fe79:2060)
at createNavigationDuplicatedError (vue-router.esm.js?fe79:2033)
at HTML5History.confirmTransition (vue-router.esm.js?fe79:2182)
at HTML5History.transitionTo (vue-router.esm.js?fe79:2123)
at HTML5History.push (vue-router.esm.js?fe79:2479)
at VueRouter.push (vue-router.esm.js?fe79:2903)
at VueComponent.routeToItem (element-ui.common.js?b705:3381)
at VueComponent.handleItemClick (element-ui.common.js?b705:3348)
at invokeWithErrorHandling (vue.runtime.esm.js?0261:1854)
at VueComponent.Vue.$emit (vue.runtime.esm.js?0261:3888)

2、解决方案，在router文件目录index.js添加下面代码

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