欢迎光临
我的个人博客网站

重复点击路由,导致提示避免到当前位置的冗余导航(路由冗余)解决方式

项目中

报错:  NavigationDuplicated: Avoided redundant navigation to current location:

(NavigationDuplicated: 避免了对当前位置的冗余导航)

解决方法:

这个报错的关键是this.$router.push(...).catch(err => err)要有后面的catch。因为跳转方法返回了一个promise对象,要有处理拒绝的方法。

首先检查,路由跳转的时候是不是调用的push方法,还是用的replace

打开 router 文件夹下的 index.js(路由文件)文件中添加如下代码:

//     pust方法

const routerRePush = VueRouter.prototype.push
VueRouter.prototype.push = function (location) {
  return routerRePush.call(this, location).catch(error => error)
}

 重复点击路由,导致提示避免到当前位置的冗余导航(路由冗余)解决方式

 

 

//     replace 方法
const routerReplace = VueRouter.prototype.replace
VueRouter.prototype.replace = function (location) {
  return routerReplace.call(this, location).catch(error => error)
}

重复点击路由,导致提示避免到当前位置的冗余导航(路由冗余)解决方式

 然后重新运行项目,问题解决

赞(0) 打赏
未经允许不得转载:张拓的天空 » 重复点击路由,导致提示避免到当前位置的冗余导航(路由冗余)解决方式
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏