Nuxt Vue router / Element 重复点击导航路由报错解决方法

写 Vue 项目中，使用 Element-ui 重复点击导航路由会报错，虽然影响项目运行，但是控制台会报错的，强迫症的我表示浑身难受。所以查了很多方法，总结一下两种方法吧。

方法1：在项目目录下运行 npm i vue-router@3.0 -S 重新下载未出错版本即可；

提示：vue-router 官方在 2019-08-06 推出的 vue-router@3.1.1 已经修复了此 bug

方法2：不想更换 vue-router 的版本亦可，在 main.js 或 router.js 中添加以下代码：

import Router from 'vue-router'
 
// 解决重复点击导航路由报错
const originalPush = Router.prototype.push;
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err);
}

在网上的方法第二种多一些， 但是我自己用第二种项目就崩了 ，这真是让人头大，所以采用了第一种非常好用， 并且升级后也没有发现影响其他的。