vue使用router过程中报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigat

最新推荐文章于 2024-10-02 11:56:31 发布
最新推荐文章于 2024-10-02 11:56:31 发布
阅读量5.7k 收藏
点赞数
分类专栏： vue入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ywy7777777/article/details/107966803
版权

原因:按钮重复点击如：
在这里插入图片描述
userClick编写的路由地址：
在这里插入图片描述
此时报错：注意：直接link to方式和只点击一次按钮不会报错，第二次再点击按钮则会报错
在这里插入图片描述

微尘&String
关注
专栏目录
Vue - 报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
王佳斌
11-16 1971
vue2，vue2报错，浏览器控制台报错，vue2网页网站路由报错，vue中出现路由导航出现Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "xxx"，vue重复点击菜单报错怎么办，vue路由报错如何解决，vue怎么解决重复点击路由报错问题，解决Vue路由导航报错:NavigationDuplicated，成功解决，Vue路由导航报错，Vue - 报错Uncaught
前端开发：Vue项目报错NavigationDuplicated：Avoided redundant navigation to current location：“/XXX”的解决方法
软贱开发攻城狮
01-18 1万+
最近在Vue项目开发的过程中遇到一个问题，那就是在点击同一个路由操作的时候，控制台会报一下错误提示： Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/Refund". 经过排查之后才发现是关于Vue中路由重复引起的错误，经过查找资料以及搜索相关知识，该报错原因是因为ElementUI导航栏里面的vue-router在3.0以上版本重复点击菜单引起的路由重复报
解决 Vue 重复点击相同路由，出现 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 问题
热门推荐
qq_36437172的博客
08-27 4万+
问题描述：重复点击导航时，控制台出现报错 ，虽然不影响功能使用，但也不能视而不见。 解决方案： 方案一：只需在 router 文件夹下，添加如下代码： // src/router/index.js Vue.use(Router) const router = new Router({ routes }) constVueRouterPush=Router.prototype.push Router.prototype.push=functionpush(to){ retur...
【前端异常】JavaScript错误处理：分析 Uncaught (in promise) error
最新发布
小蜗牛的珍贵百宝箱
10-02 2987
错误是由未处理Promise拒绝引起的，但通过合理的错误处理机制（如.catch()和），可以有效避免这些问题。掌握这些方法可以帮助我们更好地应对前端异常，提升代码的鲁棒性。在实际开发中，良好的错误处理不仅能提升用户体验，还能让应用更加稳定和可靠。希望通过本文，你能够深入理解错误的成因和解决方案，在未来的开发中应对自如。
解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
m0_66288747的博客
10-25 2358
【代码】解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location。
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
qq_45796592的博客
04-19 3338
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location报错解决
解决：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
weixin_71403100的博客
03-25 2112
问题：解决vue路由传递参数时，重复点击会抛出NavigationDuplicated的警告错误。原因：vue-router引入了promise, push的时候会返回一个promise。解决方法一：给push方法直接传成功和失败的回调函数。解决方法二：在路由内重写push或replace方法。
前端vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current
xixi19980804的博客
11-10 482
前端vue报错Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current
vue2里面的Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location
weixin_47652940的博客
11-26 697
注意，Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location不影响程序的执行效果，只是控制台会爆红，不在意可以不去修改，并且vue3中不会出现这种情况。这里的location告诉原来的push、replace方法往哪里跳转，传递哪些参数；resolve是成功的回调，reject是失败的回调。
vue-router.js:2071 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curre
年少不知曲中意,再听已是曲终人
04-30 399
vue-router.js:2071 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/register".
解决Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location...
程序员小明1024
12-17 4819
一、重复点击导航时，控制台出现报错 ，虽然不影响功能使用，但也不能坐视不管。 解决方案： 方案一：只需在 router 文件夹下，添加如下代码： import Vue from 'vue' import VueRouter from 'vue-router' import Home from '@/views/Home' import Main from '@/views/Main' imp...
解决Vue报错: Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current locatio
weixin_51696862的博客
09-06 2567
main.js。
Vue报错：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation
楚璃轩
09-03 209
Vue报错： Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation 重复点击相同路由，出现的问题 在【 src/router/index.js】中添加 Vue.use(Router) const router = new Router({ routes }) const VueRouterPush = Router.prototype.push Router.prototype.push = functio
解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location异常
sweethhheart的博客
12-08 1622
分析Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location异常出现的原因并解决。
Uncaught (in promise) NavigationDuplicated
weixin_45655781的博客
08-12 424
这里写自定义目录标题Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/nodeConfig". Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/nodeConfig”. 在项目目录下运行 npm i vue-router@3.
VUE路由重复错误
qq_32234855的博客
07-16 918
说明文档: https://github.com/vuejs/vue-router/releases?after=v3.3.1 只是遇到了这种情况，然后搬运教程里面的解决方式 1.产生错误的情况：编程式路由跳转到当前路径且参数没有变化时会抛出 NavigationDuplicated(重复导航) 错误 2.原因分析: vue-router3.1.0之后, 引入了push()的promise的语法, 如果没有通过参数指定回调函数就返回一个promise来指定成功/失败的回调, 且内部会判断如果要跳转的路径和.
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/abou
09-07
在使用Vue.js框架开发单页面应用（SPA）时，我们可能会遇到一个错误提示："Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location"。这个错误通常发生在使用Vue Router...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值