如果你也遇到这种状况,NavigationDuplicated: Avoided redundant navigation to current location: "/shopcart".
报错显示路由频繁点击导致路由重复而报错,该报错对路由跳转功能没有任何影响。
解决方法如下:
首先,查看当前的项目的package.json文件,安装的路由是否大于3.0版本,如果是,欢迎使用如下解决方案。
router 文件夹下 index.js 中添加下面代码即可
import VueRouter from 'vue-router'
// 解决导航栏或者底部导航tabBar中的vue-router在3.0版本以上频繁点击菜单报错的问题。
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location) {
return originalPush.call(this, location).catch(err => err)
}
注意使用事项:路由别名是否一致(因为个人喜好的命名不同,这里也要适当更改)