关于编程式路由产生冗余导航,vue-router报错问题解决

针对编程式路由,点击元素进行路由跳转,多次点击触发回调后会报错,原因是按钮多次在一个页面跳转，产生冗余导航。

解决方案:将该段代码直接放置在mian.js文件中即可

import VueRouter from 'vue-router'

// 解决同一页面产生导航冗余，vue-router报错问题

const originalPush = VueRouter.prototype.push

VueRouter.prototype.push = function push(location) {

  return originalPush.call(this, location).catch(err => err)

}