**avigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navig

原创于 2020-02-25 20:50:44 发布

· 701 阅读

0 ·

版权

文章标签：

#vue

本文解决了在使用Vue-router进行页面跳转时遇到的NavigationDuplicated错误问题，通过修改main.js文件中的push方法，实现了连续两次跳转同一路径的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

关于vue-router 设置$.router.push()报错

今天在跑项目时候遇到一个问题：在进行$router.push( { path:’’ }) 时候

1.写成当前页面路径会报错
2.写成其他路径，当点击两次时候会报错【也就是无法连续两次跳转这个路径】

报错如下：在这里插入图片描述

avigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”, message: "Navigati

解决方案：在main.js

在main.js下添加一下代码：
    import Router from 'vue-router'
 
      const originalPush = Router.prototype.push
              Router.prototype.push = function push(location) {
              return originalPush.call(this, location).catch(err => err)
				}