解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题

在Vue路由中遇到Error: Avoided redundant navigation to current location:xxxx；错误，意思是路由重复

在router文件夹下的index.js中加入如下代码，解决该错误

import Vue from 'vue'
import VueRouterfrom 'vue-router'Vue.use(VueRouter)// 解决：Uncaught (in promise) NavigationDuplicated;
let originalPush = VueRouter.prototype.push; // 先保存一份 VueRouter.prototype.push方法
let originalRepace = VueRouter.prototype.replace;VueRouter.prototype.push = function push(location) {// call(); 篡改上下文    catch(); 捕获异常 **** return originalPush.call(this, location).catch(e => e);
}
VueRouter.prototype.replace = function replace(location) {return originalRepace.call(this, location).catch(e => e);
}

解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题相关推荐

解决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 ...
vue2里面的Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
编程式导航跳转到当前路由(参数不变),多次执行就会在控制台出现如下结果: 怎么解决: (1)最有效--重写push.replace 在router-index.js中添加: // 重写push.rep ...
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/deta
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: " ...
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/sear
1). 问题: 编程式路由跳转到当前路径且参数没有变化时会抛出 NavigationDuplicated 错误 2). 原因分析: vue-router3.1.0之后, 引入了push()的promi ...
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/zhu“
错误原因:避免重复导航到当前路径 <template><div><input type="text" placeholder="搜索&quo ...
Uncaught (in promise) Error: Avoided redundant navigation to current location: “/index“. 解决方法
在router.js中加入以下代码就可以 const originalPush = Router.prototype.push Router.prototype.push = function pus ...
Vue的router导航重复-报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curren
报错: Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: &q ...
vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation
报错信息 vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navig ...

解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题

解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题相关推荐

最新文章

热门文章