Vue 路由报错 NavigationDuplicated: Navigating to current location is not allowed 解决方法 - 文章教程

Vue 路由报错 NavigationDuplicated: Navigating to current location is not allowed 解决方法

发布于 2020-04-23 字数 1081 浏览 1849 评论 0

使用 Vue 2.x 开发项目,路由当然也是用的官方的路由,一直也是挺好用的,但是如果是相同的页面,也就是重复点击就会报错:

Vue 路由报错 NavigationDuplicated: Navigating to current location is not allowed 解决方法

vue.esm.js?efeb:628 [Vue warn]: Error in v-on handler (Promise/async): “NavigationDuplicated: Navigating to current location (“/register?type=lawyer”) is not allowed”

这种情况改写一下路由的 push 方法就可以了,将要跳转的 location 的路由放进去。

const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return routerPush.call(this, location).catch(error=> error)
}

Vue 路由报错 NavigationDuplicated: Navigating to current location is not allowed 解决方法

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

佚名

文章 0 评论 0

文江

文章 0 评论 0

2012013325

文章 0 评论 0

女中豪杰

文章 2 评论 0