原因分析:NavigationDuplicated错误就是重复跳转同一个导航,如果每次点击的是不同的路径就不会报错,如果 你已经在本页面了,还点击本页面的导航,就会出现这个错误。 解决办法:在路由设置页面(我是在src下router四文件夹里的index.js设置的)添加如下代码: // 新增以下代码,解决NavigationDuplicated问题 const originalPush =VueRouter.prototype.push; VueRouter.prototy...
简介:vue项目router报NavigationDuplicated: Avoided redundant navigation to current location: “/result/3“错误 vue项目router报NavigationDuplicated: Avoided redundant navigation to current location: "/result/3"错误 写vue项目,重复点击路由会在控制台报如下错误 它的提示是 避免到当前位置的冗余导航。 简单来说就...
vue-router点击相同的路由链接会报错NavigationDuplicated {"_name":"NavigationDuplicated","name":"NavigationDuplicated","message":"Navigating to current location (\"/createAvt\") is not allowed"} 在router文件中添加 importRouterfrom'vue-router'// Router 是import导入的路由// 获取原型对象push函数constorigi...
vue路由NavigationDuplicated错误 有志者,事竟成,破釜沉舟,百二秦关终属楚;苦心人,天不负,卧薪尝胆,三千越甲可吞吴。——蒲松龄 如果遇到了Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location异常 可以在router里配置一下 代码语言:javascript 代码运行次数:0 importVuefrom'...
vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"} 今天在写vue项目配置好路由点击菜单时,突然在控制台报错。错误信息如下:Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplic...
简介:vue路由NavigationDuplicated错误 有志者,事竟成,破釜沉舟,百二秦关终属楚;苦心人,天不负,卧薪尝胆,三千越甲可吞吴。——蒲松龄 如果遇到了Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location异常 可以在router里配置一下 ...
使用Vue 2.x 开发项目,路由当然也是用的官方的路由,一直也是挺好用的,但是如果是相同的页面,也就是重复点击就会报错: vue.esm.js?efeb:628 [Vue warn]: Error in v-on handler (Promise/async): "NavigationDuplicated: Navigating to current location ("/register?type=lawyer") is not allowed"这种...
前端:Vue路由导航报错:NavigationDuplicated: Avoided redundant navigation to current location解决方法 一、描述问题 在使用this.$router.push跳转页面时候,重复点击菜单引起路由重复报错 比如当前页面显示区是路由组件‘/cats’,重复点击按钮进行this.$router.push跳转,要跳转的组件仍然是‘/cats’,那么控制就会报如下错误...
报错原因: 使用push()、replace()进行导航时,不能重复导航到当前路由。 解决办法: 方法1:在定义路由的文件中router/index.js const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err) ...
遇到Vue项目中出现`vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}`报错时，首先查看控制台，确认错误信息，发现错误代码与NavigationDuplicated相关。在解决此问题之前，首先研究错误版本，理解其运行机制。经过分析，...