本文探讨了在Vue.js应用中遇到`NavigationDuplicated`错误的原因和解决方案。当使用`this.router.push`或`this.$router.replace`进行路由跳转时，如果路径和参数相同，会导致该错误。解决方法是确保每次跳转的路径或参数至少有一个不同，以避免冗余的导航操作。这对于理解和优化Vue应用的路由管理至关重要。
场景：
提示：相关背景：
query,params中传参。
编程式路由导航：
this.router.push(name:′xx′,query:xx1:xx2,xx3:xx4)this.router.push({
name:'xx',
query:{
xx1:xx2,
xx3:xx4
}
})
this.router.push(name:′xx′,query:xx1:xx2,xx3:xx4)this.$router.repalce({
name:‘xx’,
query:{
xx1:xx2,
xx3:xx4
}
})
两个API,push/replace路由跳转
问题描述
报错：NavigationDuplicated: Avoided redundant navigation to current location：
原因分析：
push/replace路由跳转的路径和参数一样
解决方案：
提示：让push/replace路由跳转的路径和参数不一样
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
