一、问题背景

官网首页Herder鼠标悬浮有很多二级页面，点击二级页面会进行跳转，当我已经在一个二级页面时，点击顶部导航中当前二级页面的其中一个状态（其实可以用三级页面，但是因为内容不多，我将一些内容写在了同一个二级页面通过一个参数来区分当前显示的什么内容）- 页面路由不变，params改变，这个时候因为router页面栈中已经存在了一个当前页面，此时再push一个当前路由就会报错

vue-router.esm.js?8c4f:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location：*******

二、解决办法

router.js中增加下面代码：

const VueRouterPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (to) {return VueRouterPush.call(this, to).catch(err => err)
}

齐活！亲测有效！

解决Vue跳转到当前路由报错问题相关推荐

Vue重复点击同一个路由报错问题解决
在新版本的vue-router中,重复点击同一个路由会出现以下报错 : 这个问题时vue-router 3.2.0版本的一个小Bug 有三种解决办法: 第一种: vue-router降级处理(不推荐) ...
解决Vue引入echarts及其registerMap函数报错问题
bug:浏览器报错cannot read properties of undefined (reading registerMap) 原因:未将echarts挂载在Vue的原型链上,导致echarts ...
解决Vue.directives is not a function报错
这个问题找了很久,最后发现是把directive写成了directives!!!,改完directive之后解决!
vue重复路由报错解决
vue重复路由报错解决 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation- 分为三种解决方式 1.捕获异 ...
vue 项目路由跳转时，ie报错缺少')'
vue 项目路由跳转时,ie报错缺少')' 报错信息解决办法报错信息 vue项目中使用了vue-echarts,项目启动后,在chrome上路由跳转没问题,但是在ie的控制台报"缺少 ...
vue 解决重复点击导航路由报错问题
// 解决重复点击导航路由报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function pu ...
解决vue项目中重复点击导航路由报错
vue版本 "vue": "^2.6.11", 主要代码 //重复点击导航路由报错 const originalPush = VueRouter.prototy ...
php curl 不验证ssl,PHP Curl https跳过ssl证书认证报错记录及解决
PHP Curl https跳过ssl证书认证报错记录及解决 function get($url = '', $cookie = '') { $ch = curl_init(); curl_setop ...
vue 动态加载图片路径报错解决方法
vue 动态加载图片路径报错解决方法参考文章: (1)vue 动态加载图片路径报错解决方法 (2)https://www.cnblogs.com/qingcui277/p/8930507.html ...

解决Vue跳转到当前路由报错问题

一、问题背景

二、解决办法

解决Vue跳转到当前路由报错问题相关推荐

最新文章

热门文章