Vue的router导航重复-报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curren

报错：

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/userlist?row=%5Bobject%20Object%5D".createRouterError vue-router.esm.js:2065createNavigationDuplicatedError vue-router.esm.js:2035confirmTransition vue-router.esm.js:2328transitionTo vue-router.esm.js:2260push vue-router.esm.js:2710push vue-router.esm.js:3026push vue-router.esm.js:3025handleEdit UserList.vue:119click UserList.vue:115VueJS 4handleClick element-ui.common.js:9417VueJS 3
vue-router.esm.js:2065transitionTo vue-router.esm.js:2280abort vue-router.esm.js:2317confirmTransition vue-router.esm.js:2328transitionTo vue-router.esm.js:2260push vue-router.esm.js:2710push vue-router.esm.js:3026push vue-router.esm.js:3025handleEdit UserList.vue:119handleEdit self-hosted:1175click UserList.vue:115VueJS 4handleClick element-ui.common.js:9417handleClick self-hosted:1175VueJS 3

截图：

问题描述：

报错大致意思就是：避免导航重复

解决：

在router里加上这么一句话：

/* 解决导航重复问题 */
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location) {return originalPush.call(this, location).catch(err => err)
}

截图：

Vue的router导航重复-报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curren相关推荐

vue报错Uncaught (in promise) NavigationDuplicated:Avoided redundant navigation
vue-router.esm.js?3423:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation ...
Vue-Router 路由重复点击时报错 Uncaught (in promise) NavigationDuplicated:Avoided redundant navigation to curr
前言总结一下,在项目中遇到的一个小问题,使用 Vue 构件的项目里,有时候会存在重复点击路由报错的问题,Uncaught (in promise) NavigationDuplicated:Av ...
解决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-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 问题
出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题主要原因是Vue 重复点击相同路由造成的: ...
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/deta
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: " ...
vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation
问题在做前后端分离项目的时候,vue使用路由进行界面跳转时,出现了以下错误,说是路由重复啥的,之前的项目都没这问题.. vue-router.esm.js?8c4f:2065 Uncaught (i ...
vue2里面的Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
编程式导航跳转到当前路由(参数不变),多次执行就会在控制台出现如下结果: 怎么解决: (1)最有效--重写push.replace 在router-index.js中添加: // 重写push.rep ...

Vue的router导航重复-报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curren

Vue的router导航重复-报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curren相关推荐

最新文章

热门文章