Vue路由重复点击时会出现报错 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location:XXX，虽然不影响运行结果，但最好还是处理一下。

局部处理

局部处理是指对单个路由进行处理，其他的路由依旧报错。

在路由跳转的push语句中添加catch捕捉错误

所以原来的路由跳转改为以下代码：

     toecharts(){this.$router.push({path:'/echarts'}).catch(err => {})     //添加catch捕捉错误}

全局处理

全局处理是指对所有路由进行处理。

在main.js文件添加以下代码（代码直接复制就好，无需改动）

import Router from 'vue-router'const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err)
}

Vue路由重复点击报错解决相关推荐

NavigationDuplicated vue-router 路由重复点击报错的问题
NavigationDuplicated vue-router 路由重复点击报错的问题 1.新版本router的问题, 解决:降版本即可 npm i vue-router@3.0 -S 2.使用新版本 ...
同一个路由重复点击报错的解决方法
1.现在路由参数那里给一个随机数 let query={random:Math.random()} this.$router.push({path: '/user', // path路径query:q ...
Vue-Router路由重复点击报错
在练习vue-router时遇到一个小问题:路由重复报错vue-router.esm.js?3423:2046 Uncaught (in promise) NavigationDuplicated: ...
vue 解决路由重复点击报错
const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) {return or ...
vue项目中解决路由重复点击报错问题
router.js中写入 import导入代码下面加入const prototypePush = VueRouter.prototype.pushVueRouter.prototype.push = ...
vue 菜单路由重复点击报错
解决方法: 在当前页面添加: import Router from 'vue-router' const originalPush = Router.prototype.push; Router.pr ...
VUE router 导航重复点击报错的问题解决两种方案
VUE router 导航重复点击报错的问题解决两种方案前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家 ...
Vue-Router 路由重复点击时报错 Uncaught (in promise) NavigationDuplicated:Avoided redundant navigation to curr
前言总结一下,在项目中遇到的一个小问题,使用 Vue 构件的项目里,有时候会存在重复点击路由报错的问题,Uncaught (in promise) NavigationDuplicated:Av ...
vue 路由懒加载报错 Loading chunk * failed 组件加载不出来
跳转对应的路由,无法跳转,打开控制太发现报错,查看网络发现对应的组件没有获取到,而且获取时间只有4ms就停止获取了,谷歌不会报这样的错误,但是edge会, 解决方法(不一定有用):给请求代码套个try ...

Vue路由重复点击报错解决

局部处理

全局处理

Vue路由重复点击报错解决相关推荐

最新文章

热门文章