Vue-Router路由重复点击报错

在练习vue-router时遇到一个小问题：路由重复报错vue-router.esm.js?3423:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/home/message/detail?id=002&title=%E6%B6%88%E6%81%AF002".

解决办法：

1、在router/index.js中添加如下代码：

2、也可以在main.js中添加上图所示相同的代码

Vue-Router路由重复点击报错相关推荐

VUE router 导航重复点击报错的问题解决两种方案
VUE router 导航重复点击报错的问题解决两种方案前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家 ...
vue 菜单路由重复点击报错
解决方法: 在当前页面添加: import Router from 'vue-router' const originalPush = Router.prototype.push; Router.pr ...
vue 解决路由重复点击报错
const originalPush = Router.prototype.pushRouter.prototype.push = function push(location) {return or ...
NavigationDuplicated vue-router 路由重复点击报错的问题
NavigationDuplicated vue-router 路由重复点击报错的问题 1.新版本router的问题, 解决:降版本即可 npm i vue-router@3.0 -S 2.使用新版本 ...
Vue路由重复点击报错解决
Vue路由重复点击时会出现报错 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current ...
同一个路由重复点击报错的解决方法
1.现在路由参数那里给一个随机数 let query={random:Math.random()} this.$router.push({path: '/user', // path路径query:q ...
vue项目中解决路由重复点击报错问题
router.js中写入 import导入代码下面加入const prototypePush = VueRouter.prototype.pushVueRouter.prototype.push = ...
vue 当前路由重复点击跳转报错
当菜单路由重复点击时,会出现以下报错: 虽然没有什么影响(不知道深层有什么影响,页面运行反正没啥问题),但是有个报错看着就毕竟闹心. 有以下解决方案: router配置中添加代码块不再报错 // 解决 ...
Vue-Router 路由重复点击时报错 Uncaught (in promise) NavigationDuplicated:Avoided redundant navigation to curr
前言总结一下,在项目中遇到的一个小问题,使用 Vue 构件的项目里,有时候会存在重复点击路由报错的问题,Uncaught (in promise) NavigationDuplicated:Av ...

Vue-Router路由重复点击报错

Vue-Router路由重复点击报错相关推荐

最新文章

热门文章