当使用this.$router.push 或 this.$router.repalce指令时报错“NavigationDuplicat: Avoided redundant navigation to current location“,即路由重复，主要是vue-router版本问题，有方法说将版本变为3.0，我尝试之后这种方法无效，经过尝试，以下两种方法有效。

vue项目中，点击左侧菜单栏中的项，重复点击时会报错，解决这个问题，首先找到项目中管理路由的文件，一般是router/index.js,有的直接就是router.js。

方法1

在使用的指令后面加上.catch(err => err)，即

this.$router.push(this.path).catch(err => err)
this.$router.replace(this.path).catch(err => err)

这种方法，需要在每次使用指令时都需要添加.catch(err => err)。

方法2

修改push源码，在router下的index.js文件中添加下列代码即可。

// 解决vue-router在3.0版本以上重复报错问题

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

这种方法，只需要修改一次源码，使用指令时无需再添加.catch(err => err)

vue报错“NavigationDuplicat: Avoided redundant navigation to current location”解决方法相关推荐

报错：Avoided redundant navigation to current location: “/login“.完美解决
需求: 登陆之后才能查看主页面,否则跳转至登录页遇到的问题: 一开始是打算直接在拦截器跳转路由的,发现会报错Avoided redundant navigation to current locat ...
Vue报错Error: Avoided redundant navigation to current locatiton 重复点菜单报错问题
解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 //路由页面添加以下代码: const originalPush = Router.prototype.push ...
vue-router 报错Error: Avoided redundant navigation to current location: “/index/user“解决方式
问题使用ivew Menu 制作的导航菜单,连续点击同一个导航时报错该报错不影响功能当前地址 http://localhost:8080/#/transfer/index 连续点击–信息录入报 ...
vue 跳转报 NavigationDuplicated: Avoided redundant navigation to current location: “/to-do“.
错误提示:NavigationDuplicated: Avoided redundant navigation to current location: "/to-do". 提示这 ...
解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
问题描述:重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能坐视不管. 解决 Vue 重复点击相同路由,出现 Uncaught (in promise) NavigationDuplica ...
四种解决Vue中重复点击相同路由控制台报错问题（ Avoided redundant navigation to current location）
vue-router 升级到3.1.x 后,重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但是看的就不舒服. 报错信息 Uncaught (in promise) NavigationDupl ...
前端开发：Vue项目报错NavigationDuplicated：Avoided redundant navigation to current location：“/XXX”的解决方法
最近在Vue项目开发的过程中遇到一个问题,那就是在点击同一个路由操作的时候,控制台会报一下错误提示: Uncaught (in promise) NavigationDuplicated: Avoid ...
vue报错 Avoided redundant navigation to current location: “/search“
报错信息: Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: ...
解决报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “
报错内容: vue-router.esm.js?68cf:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navi ...
Avoided redundant navigation to current location
在VUE中路由遇到Error: Avoided redundant navigation to current location:报错显示是路由重复, 虽然对项目无影响,但是看到有红的还是不舒服. 于 ...

vue报错“NavigationDuplicat: Avoided redundant navigation to current location”解决方法

方法1

方法2

vue报错“NavigationDuplicat: Avoided redundant navigation to current location”解决方法相关推荐

最新文章

热门文章