解决vue项目双击路由导航报错 "Navigating to current location (XXX) is not allowed"

双击或者连续点击路由导航的时候,发现报错:

"Navigating to current location (XXX) is not allowed"

原因是:在路由里面添加了相同的路由
解决方案是:
我们可以重写路由的push方法
在src/router/index.js 里面import Router from 'vue-router’下
写入下面方法即可

/**
 * 重写路由的push方法
 */
const routerPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return routerPush.call(this, location).catch(error=> error)
}