这篇文章主要介绍了Vue-router 报错NavigationDuplicated的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
版本：3.1.x
报错原因：
使用push()、replace()进行导航时，不能重复导航到当前路由。
解决办法：
方法1：在定义路由的文件中router/index.js
const originalPush = VueRouter.prototype<a style="color:transparent">来@源gao*daima.com搞@代#码网</a>.push VueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err) } const originalReplace = VueRouter.prototype.replace VueRouter.prototype.repalce = function replace (location) { return originalReplace.call(this, location).catch(err => err) }
方法2：在调用push()、replace()方法时，catch
this.$router .replace(this.path) .catch(err => err)
说明：第一种方法好像对replace()没有作用。
到此这篇关于Vue-router 报错NavigationDuplicated的解决方法的文章就介绍到这了,更多相关Vue-router 报错NavigationDuplicated内容请搜索gaodaima搞代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持gaodaima搞代码网！
以上就是Vue-router 报错NavigationDuplicated的解决方法的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Vue-router 报错NavigationDuplicated的解决方法
转载请注明原文链接：Vue-router 报错NavigationDuplicated的解决方法
