如何解决vue中编程式路由跳转到当前路由，多次执行会抛出NavigationDuplicated错误。

最新推荐文章于 2023-03-23 17:29:21 发布

weixin_51009761

最新推荐文章于 2023-03-23 17:29:21 发布

阅读量484

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_51009761/article/details/122929260

版权

vue-router：3.5.3这个版本引入了promise，所以promise需要传递一个成功或者失败的回调。所以重写push跟replace方法

在路由的js文件中

let copyPush = VueRouter.prototype.push;
VueRouter.prototype.push = function(localtion,resolve,reject){
    if(resolve&&reject){
        // copyPush的this指向window用call改变指向
        copyPush.call(this,localtion,resolve,reject)
    }else{
        copyPush.call(this,localtion,()=>{},()=>{})
    }
}

replace方法重写同上