vue路由报错误问题（NavigationDuplicated）

山为樽水为沼

于 2020-11-06 16:04:20 发布

阅读量421

点赞数

CC 4.0 BY-SA版权

分类专栏： Vue2

本文链接：https://blog.csdn.net/qq_42563079/article/details/109533666

Vue2 专栏收录该内容

13 篇文章

订阅专栏

本文解决了一个常见问题：当用户在使用基于Vue的应用程序时，连续点击路由菜单导致的错误。通过简单修改route.js文件中的Vue-router配置，可以有效避免此类问题。

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

路由菜单点击两次，出现如下错误提示：

在这里插入图片描述

解决方式，在route.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)
}