一个项目应用中头部导航的时候，我点了几次首页突然发现有个报错，如下图：
点击导航报错
后来查了好多资料和百度都是说把版本降低到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中的
浏览器中：
以上内容自己项目中引用，这也是我自己保存给自己的；不喜勿喷 谢谢
一个项目应用中头部导航的时候，我点了几次首页突然发现有个报错，如下图： 后来查了好多资料和百度都是说把版本降低到3...
路由重复点击有报错解决import Vue from "vue";import Router from "vue-...
前言 最近在用vue-cli4 ,, vue3.0开发项目时，遇到了路由跳转时当点击同一个路由地址时就会报错，另...
vue路由跳转报错Avoided redundant navigation to current location...
vue 路由 路由点击跳转不会页面刷新，可以保留数据 安装vue-router:npm install vue-r...
vue 存在路由重复跳转，会报错的问题:加上以下代码，就能防止重复跳转
点击多次路由会报错:NavigationDuplicated {_name: “NavigationDuplica...
描述 element-ui多次点击导航（多次push同一个路由），会报错： 解决办法,有2种 在use route...
解决vue路由跳转页面不刷新的问题 通过路由传参跳转界面，页面没有刷新解决方法：在 router-view 中加 ...
本文标题：解决VUE多次点击跳转路由，报错NavigationDuplic
本文链接：https://www.haomeiwen.com/subject/jpdsyctx.html
网友评论