如何解决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,()=>{},()=>{});
  }
}

实战:

 

如下代码,报错就解决拉!

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


版权声明:本文为m0_59553217原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。