解决VUE多次点击跳转路由,报错NavigationDuplicated

一个项目应用中头部导航的时候,我点了几次首页突然发现有个报错,如下图:

点击导航报错

后来查了好多资料和百度都是说把版本降低到3.0.0,可是我试了没用。

然后又找资料发现:

第一: 把项目依赖的 node_modules 文件夹删除, 然后再 npm install 重新下载依赖包

第二:要在router.js页面引入

const originalPush = Router.prototype.push

Router.prototype.push = function push(location) {

  return originalPush.call(this, location).catch(err => err)

}

以上是自己测试的成功的: 完成图:

router.js中的

浏览器中:


以上内容自己项目中引用,这也是我自己保存给自己的;不喜勿喷 谢谢

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。