解决vue重复点击路由报错问题:Uncaught (in promise) NavigationDuplicated

直接在路由router文件夹下加上下面代码：

import routes from './router'方法一：
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err)
}方法二：
// 如果你使用上面的方法，改了push还是没有生效，可以考虑改replace方法
// 修改路由replace方法,阻止重复点击报错
const originalReplace = Router.prototype.replace;
Router.prototype.replace = function replace(location) {return originalReplace.call(this, location).catch(err => err);
};

解决vue重复点击路由报错问题:Uncaught (in promise) NavigationDuplicated相关推荐

vue重复点击路由报错，解决NavigationDuplicated: Avoided redundant navigation to current location: 问题
vue项目中重复加载当前路由会报错, 解决方法:找到项目中的router文件,在里面添加代码,修正Vue原型上的push和replace方法 (注意vue-router的引入名称) // 缓存原型上的 ...
VUE.js项目中控制台报错： Uncaught (in promise) NavigationDuplicated解决方法
问题愿意:依赖包中vue-router出现问题(猜测为版本问题): 解决方法:在项目目录下运行 npm i vue-router@3.0 -S 这条指令就可以解决了.(更换版本) 或者在main.js ...
vue重复访问同一路由报错
vue重复访问同一路由报错 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) // 重写router的push ...
Vue的router导航重复-报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curren
报错: Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: &q ...
解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
问题描述:重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能坐视不管. 解决 Vue 重复点击相同路由,出现 Uncaught (in promise) NavigationDuplica ...
解决报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “
报错内容: vue-router.esm.js?68cf:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navi ...
解决vue element导航重复点击路由报错
报错:重复点击左侧导航栏的首页,出现报错解决方法:以下的两种一样,只是文件类型不一样 1.js写法 import Router from 'vue-router' Vue.use(Router) c ...
解决vue跳转同一路由报错问题
vue中,如果跳转同一个页面路由,虽不会影响功能,但是会报错原因:路由的push会向历史记录栈中添加一个记录,同时跳转同一个路由页面,会造成一个重复的添加,导致页面的报错解决方案:在router的 ...
vue3.x 重复点击路由报错
这个报错是重复路由引起的. 在 route 文件夹下的 index.js 中修改需要给VueRouter里面自己重写 push 和 replace 方法 const originalPush = V ...

解决vue重复点击路由报错问题:Uncaught (in promise) NavigationDuplicated

解决vue重复点击路由报错问题:Uncaught (in promise) NavigationDuplicated相关推荐

最新文章

热门文章