首页 > 其他 > 详细

在做nav-bar部分点击路由跳转相同地址时,控制台报错问题。

时间:2019-12-18 20:01:04      阅读:131      评论:0      收藏:0      [点我收藏+]

报错信息:

Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}

报错原因:
通过他人博客得知报错原因是因为使用的的vue-router版本是3.1.0,而vue-router在3.1.0 版本的路由跳转使用的是 promise 的方式,可能是因为vue的官方人员没设计好而造成了BUG,vue-router 官方 在 2019-08-06 推出的 vue-router@3.1.1 已经修复了此bug。

解决方法:
1.安装3.1.1以上的vue-router版本可解决报错。
2.在router文件下的main.js添加一下代码

const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)

参考来源:https://blog.csdn.net/weixin_43202608/article/details/98884620

在做nav-bar部分点击路由跳转相同地址时,控制台报错问题。

原文:https://www.cnblogs.com/ymzi/p/12061563.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!