NavigationDuplicated vue-router 路由重复点击报错的问题

1、新版本router的问题，

解决：降版本即可

npm i vue-router@3.0 -S

2、使用新版本解决办法

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)
}

几种解决办法：

https://www.cnblogs.com/dianzan/p/11399745.html

NavigationDuplicated 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 ...
Vue路由重复点击报错解决
Vue路由重复点击时会出现报错 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current ...
Vue-Router路由重复点击报错
在练习vue-router时遇到一个小问题:路由重复报错vue-router.esm.js?3423:2046 Uncaught (in promise) NavigationDuplicated: ...
同一个路由重复点击报错的解决方法
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 ...

NavigationDuplicated vue-router 路由重复点击报错的问题

NavigationDuplicated vue-router 路由重复点击报错的问题

NavigationDuplicated vue-router 路由重复点击报错的问题相关推荐

最新文章

热门文章