Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/sear

ZQ...

已于 2022-11-25 11:19:53 修改

阅读量682

点赞数

分类专栏：前端学习文章标签：前端 vue prototype

于 2022-11-24 20:42:33 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_53071920/article/details/128025872

版权

博客探讨了在Vue应用中遇到'Uncaught (in promise) NavigationDuplicated'错误的解决方法，包括通过添加回调函数、重写push方法以及尝试使用try...catch捕获错误。文章介绍了每种方法的实现和效果，寻求对于try...catch捕获失败的原因的解答。

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

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/search

在这里插入图片描述
先根据报错找问题，问题出现在按下搜索按钮路由跳转

三种解决办法：
一、出现这种问题每次都要添加回调函数解决办法

this.$router.push({
   
	name:"search", 
	params: {
   keyword: '' || undefined}, 
	query: {
   k:this.keyword.toUpperCase()}}, ()=>{
   }, ()=>{
   })

结果:不再报错

最低0.47元/天解锁文章