解决vue-router重复点击路由报Uncaught (in promise) NavigationDuplicated Avoided redundant navigation to current location的问题

问题

在 Vue 项目中，当我们 重复点击相同路由 时，会出现 Uncaught (in promise) NavigationDuplicated Avoided redundant navigation to current location 的问题。

解决

在 router/index.js 文件下，添加如下代码即可：

const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch((error) => error);
};