【无标题】

最新推荐文章于 2025-05-24 15:24:14 发布

CL发财享福

最新推荐文章于 2025-05-24 15:24:14 发布

阅读量129

点赞数

文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_44034696/article/details/128647528

版权

文章提供了在VueRouter的index.js中修改push和replace方法的代码片段，以解决在ElementUI导航栏中遇到的3.0版本以上路由重复跳转的问题。通过添加对res和rej参数的检查，确保在无回调函数时正确执行路由操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述
解决方案：在router的index.js文件夹中添加如下代码

Vue.use(VueRouter)
// 解决ElementUI导航栏中的vue-router在3.0版本以上重复跳转一个路径报错问题
let originPush = VueRouter.prototype.push
let originReplace = Vue.prototype.originReplace

VueRouter.prototype.push = function (location,res,rej) {
    if (res && rej ) {
        originPush.call(this,location,res,rej)![在这里插入图片描述](https://img-blog.csdnimg.cn/6269dc1bdba94ca88480f4a642496a4d.jpeg#pic_center)

    } else {
        originPush.call(this,location,()=>{},()=>{})
    }
}

VueRouter.prototype.replace = function(location ,res,rej) {
    if (res && rej) {
        originReplace.call(this,location,res,rej)
    } else {
        originReplace.call(this,location,() => {},() => {})
    }
}