在VUE中路由遇到Error: Avoided redundant navigation to current location:
报错显示路由频繁点击导致路由重复而报错,该报错对路由跳转功能没有任何影响。
解决方法如下:
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)
}
注意使用事项:路由别名是否一致(因为个人喜好的命名不同,这里也要适当更改)