如何解决Vue路由编程式导航报错的问题

相信很多人在使用路由的时候都会遇见vue路由编程式导航报错的问题，如何解决呢？

只需要在router文件夹中的index.js中加入

let originPush= VueRouter.prototype.push;
let originReplace = VueRouter.prototype.replace;
VueRouter.prototype.push =function(location,resolve,reject){
  if(resolve && reject) {
    originPush.call(this,location,resolve,reject)
  } else {
    originPush.call(this,location,()=>{},()=>{});
  }
}
VueRouter.prototype.replace =function(location,resolve,reject){
  if(resolve && reject) {
    originReplace.call(this,location,resolve,reject)
  } else {
    originReplace.call(this,location,()=>{},()=>{});
  }
}

实战：

 

如下代码，报错就解决拉！

声明式导航是不需要加入的，编程式是通过这段代码来解决的报错问题