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)
}

 

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue