vue项目重复点击某个可以跳转的路由时出现一下报错
rror in v-on handler (Promise/async): “NavigationDuplicated: Avoided redundant navigation to current location: “/backlog”.”
符合一张图来向大家展示此问题:
连续点击同一个导航时报错,该报错不影响功能
解决办法:
方式一:升级vue-router版本为3.0即可解决,项目目录下运行命令:
npm i [email protected] -S
方式二:修改VueRouter原型对象上的push方法,在router文件夹下的index.js中加入如下代码:
//获取原型对象上的push函数
const originalPush = VueRouter.prototype.push
//修改原型对象中的push方法
VueRouter.prototype.push = function push(location) {
return originalPush.call(this, location).catch(err => err)
}