关于Vue-router多次点击同一路径的报错问题

当使用

this.$route.path或者this.$route.replace

点击同一路径多次,会报错

报错信息:Uncaught (in promise) Error: Avoided redundant navigation to current location: “XXX”.

虽然不影响功能使用,但是看着不是很友好

找到router文件夹中的 index.js 文件
在其中中添加如下信息:
当然,根据不同的 this.$router方法解决办法也是不同的

Push版本
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}

Replace版本
const originalReplace = VueRouter.prototype.replace;
 VueRouter.prototype.replace = function replace(location) {
   return originalReplace.call(this, location).catch(err => err);
 }

以上借鉴了一些大佬的结果,记录下学习的心得