这个问题的原因主要是处在当前路由，点击跳转还是到当前路由导致的。解决方法如下：方法一：在router文件夹的index.js文件下加入下面代码：importVuefrom"vue"importVueRouterfrom"vue-router"Vue.use(VueRouter)constoriginalPush=VueRouter.prototype.push//修改原型对象中的push方法VueRouter.prototype.push=functionpush(location){returnoriginalPush.call(this,location).catch(err=>err)}

点击vue路由跳转，控制台报错：Avoidedredundantnavigationtocurrentlocation:“/xxxxxx“解决方法一、描述问题在使用this.$router.push跳转页面时候，重复点击菜单引起路由重复报错比如当前页面显示区是路由组件‘/cats’，重复点击按钮进行this.$router.push跳转，要跳转的组件仍然是‘/cats’，那么控制就会报如下错误：二、报错原因由于vue-router3.0及以上版本回调形式改成PromiseAPI的形式了，返回的是一个Promise。也是说push和replace都是Promise类型了。而Promise的回调函

解决Vue路由传递参数时，出现Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigation问题 .报错内容：Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:"/search/111".问题描述：重复点击导航时，控制台报错浏览器报错截图： 解决方法：src/router/index.js配置文件中添加以下代码//src/router/index.jsimportVuefrom'vue'importVueRo

报错信息vue-router.esm.js?a12b:2046Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:"/home". 报错原因：重复点击路由导致，因为vue-router引入了promise,当我们使用this.$router.push时候需要多添加成功或失败的回调，否则就会报出以上的错误。原代码 解决办法第一种    在进行路由跳转时对路径进行判断如果重复即不再执行         switchTab(path){ if(this.$router.pat

报错信息vue-router.esm.js?a12b:2046Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:"/home". 报错原因：重复点击路由导致，因为vue-router引入了promise,当我们使用this.$router.push时候需要多添加成功或失败的回调，否则就会报出以上的错误。原代码 解决办法第一种    在进行路由跳转时对路径进行判断如果重复即不再执行         switchTab(path){ if(this.$router.pat

问题描述：重复点击导航时，控制台出现报错，虽然不影响功能使用，但也不能坐视不管。解决Vue重复点击相同路由，出现Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigation问题.报错内容：Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:"/home".浏览器控制台·报错截图：解决方案：方案一：只需在router文件夹下，添加如下代码：//src/router/index.jsVue.use(Router)

问题描述：重复点击导航时，控制台出现报错，虽然不影响功能使用，但也不能坐视不管。解决Vue重复点击相同路由，出现Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigation问题.报错内容：Uncaught(inpromise)NavigationDuplicated:Avoidedredundantnavigationtocurrentlocation:"/home".浏览器控制台·报错截图：解决方案：方案一：只需在router文件夹下，添加如下代码：//src/router/index.jsVue.use(Router)

注意:编程式导航（push|replace）才会有这种情况的异常，声明式导航是没有这种问题，因为声明式导航内部已经解决这种问题。这种异常，对于程序没有任何影响的。为什么会出现这种现象:由于vue-router最新版本3.5.2，引入了promise，当传递参数多次且重复，会抛出异常，因此出现上面现象,第一种解决方案//是给push函数，传入相应的成功的回调与失败的回调,可以捕获到当前的错误，可以解决。this.$router.push({name:"search",//path:"/search",params:{keyword:this.keyword,},query:{k:this.key

注意:编程式导航（push|replace）才会有这种情况的异常，声明式导航是没有这种问题，因为声明式导航内部已经解决这种问题。这种异常，对于程序没有任何影响的。为什么会出现这种现象:由于vue-router最新版本3.5.2，引入了promise，当传递参数多次且重复，会抛出异常，因此出现上面现象,第一种解决方案//是给push函数，传入相应的成功的回调与失败的回调,可以捕获到当前的错误，可以解决。this.$router.push({name:"search",//path:"/search",params:{keyword:this.keyword,},query:{k:this.key