elementui 菜单标题_解决ElementUI导航栏重复点菜单报错问题

在使用ElementUI中的导航时，默认情况下如果重复点击某选项，会报错。

element-ui.common.js?b705:3354 Error: Avoided redundant navigation to current location: “/home/home1”.

at createRouterError (vue-router.esm.js?8c4f:2060)

at createNavigationDuplicatedError (vue-router.esm.js?8c4f:2033)

at HashHistory.confirmTransition (vue-router.esm.js?8c4f:2182)

at HashHistory.transitionTo (vue-router.esm.js?8c4f:2123)

at HashHistory.push (vue-router.esm.js?8c4f:2582)

at VueRouter.push (vue-router.esm.js?8c4f: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?2b0e:1854)

at VueComponent.Vue.$emit (vue.runtime.esm.js?2b0e:3888)

如图所示：

参考博客https://www.cnblogs.com/xinheng/p/13019818.html

可以在router的配置文件中(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)

}

问题即可解决。