相信很多人在使用路由的时候都会遇见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,()=>{},()=>{});
}
}
实战:
如下代码,报错就解决拉!
声明式导航是不需要加入的,编程式是通过这段代码来解决的报错问题