vue项目中多次提交搜索框出现Uncaught (in promise) NavigationDuplicated问题，已解决

我们在编程式导航路由多次点击搜索框跳转时会出现以下的问题，

 而用声明式导航没有此类问题，vue-router内部已经处理好了。

编程式导航路由出现此问题，是因为vue-router 3.5.3 最新的vue-router引入了promise，push方法返回的是一个promise对象，而我们没有传成功或失败的回调，所以报错。那对于此类问题该怎么解决呢？

我们需要在路由文件里面重写一下push和replace，就可以解决啦~

//重写push和replace
let originPush=VueRouter.prototype.push;
let originReplace=VueRouter.prototype.replace

//第一个参数，告诉原来push方法，你往哪里跳转（传递哪些参数）
//第二个参数是成功的回调
//第三个参数是失败的回调
VueRouter.prototype.push=function(location,resolve,reject){
 //如果传了 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,()=>{},()=>{})
    }

}