vue-router导航组件重复点击报错

最新推荐文章于 2024-07-07 19:16:25 发布
最新推荐文章于 2024-07-07 19:16:25 发布
阅读量318 收藏 1
点赞数 2
分类专栏： bug报错解决 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43340295/article/details/111465420
版权
博客介绍了在Vue-router 3.1版本及以上遇到的路由重复点击报错问题，并提供了三种解决方案：降级到3.1版本以下、捕获router.push错误、在router文件夹下添加特定代码。通过这些方法，可以避免路由组件重复点击错误。
摘要由CSDN通过智能技术生成

解决路由push地址问题：

报错如下：
vue-router.esm.js?4fb5:1995 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation
最低0.47元/天 解锁文章
莫非C
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 当前路由重复点击跳转报错
YanHie的博客
11-26 1682
当菜单路由重复点击时，会出现以下报错： 虽然没有什么影响(不知道深层有什么影响，页面运行反正没啥问题)，但是有个报错看着就毕竟闹心。 有以下解决方案： router配置中添加代码块不再报错 // 解决Vue-Router升级导致的Uncaught(in promise) navigation guard问题 const originalPush = VueRouter.prototype.push; VueRouter.prototype.push = function push(location,
vue-router-sitemap-通过vue-router配置生成sitemap.xml-Vue.js开发
05-27
导出const路由器：VueRouter =新的VueRouter（{路由：[{路径：'/'，名称：'index'，组件：Index，}，]，}，）; // sitemapMiddleware.js从“ vue-router-sitemap”导入VueRouterSitemap； 从“路径”导入路径； 导入...
vue.js this.$router.push无效解决
热门推荐
gang456789的博客
09-16 3万+
login() { if(this.email.length > 0 && this.password.length >0) { this.$http.post('/api/login', { user: this.email, password: this.password
记录IDEA中在js文件中提示“unresolved function or method $()”的解决方法
张毅轩的博客
03-23 2798
如上图所示，在IDEA中直接写js文件时，会报错。 本人使用的是ubuntu系统，解决流程为： 1. 先安装node.js和npm，安装命令如下： sudo apt-get update curl -sL https://deb.nodesource.com/setup | sudo bash - sudo apt-get install nodejs sudo apt install npm 在看了很多类似这篇文章的解决方法，依然不能解决问题，我在最后一步点击download and i..
vue-router重复跳转报错解决
最新发布
qq_74281670的博客
07-07 123
1.重写push或replace方法。
VueRouter重复点击报错
yshijb的博客
05-26 119
重复路由点击报错 const originalPush = Router.prototype.push; Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err); };
Vue组件多次点击报错Avoided redundant navigation to current location: “/profile“.
qq_45654741的博客
11-04 232
报错提示profile组件避免了到当前位置的冗余导航。 在VueRouter后添加 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } 解决报错 ...
vue路由重复点击跳转报错
qq_45768050的博客
03-11 1372
vue路由重复点击跳转报错
vue router连续点击多次路由报错
weixin_47013351的博客
04-17 2047
在编程式导航跳转时候，连续点击多次会报NavigationDuplicated错误 this.$router.push({name: "search"}); 出现这种错误原因是因为vue-router引入了promise,当我们使用this.$router.push时候需要多添加成功或失败的回调，否则就会报出以上的错误。 这时如果我们加入成功和失败的回调，就不会报错： this.$router.push( { name: "search" }, //成功回调 () =&g
vue-router3.0版本中 router.push 不能刷新页面的问题
11-30
2. **全局挂载`router`到`window`对象**：如果你在非Vue组件的环境中需要使用`router.push`，可以在主入口文件（如`main.js`）中将`router`实例赋值给`window`对象，如`window.router = router`。这样，全局都可以...
vue-router重写push方法,解决相同路径跳转报错问题
10-14
在Vue.js应用中，Vue-Router是一个至关重要的组件，它负责管理应用的路由，使得页面在不同的URL之间平滑切换。然而，在某些情况下，当尝试重定向到已激活的相同路径时，Vue-Router可能会抛出错误。为了解决这个问题...
解决Vue-Router升级导致的Uncaught (in promise)问题
11-19
Vue-Router是一个强大的前端路由管理库，用于Vue.js应用程序中的页面导航控制。在升级Vue-Router至3.1.0及以上版本后，开发者可能会遇到一个常见的问题：在进行路由跳转时，控制台会抛出`Uncaught (in promise)`错误...
vue-router 按需加载 component: () = import() 报错的解决
01-18
vue的单页面（SPA）项目,必然涉及路由按需的问题。 以前我们是这么做的 ...//vue异步组件和webpack的【代码分块点】功能结合，实现了按需加载 const App = () => import(‘../component/Login.vue’); 可是，很多情
vue重复点击路由报错
sinat_34896766的博客
01-03 704
【代码】vue重复点击路由报错。
Vue-Router解决重复点击路由报错
刘一帆的博客
03-14 519
在代码编写中，发现出现路由重复点击后报错的问题（Vue2），查询资料，使用push、to、replace皆没有解决根本问题，后通过学习，添加以下代码，完美解决重复路由报错问题。在main.js加入此代码即可解决。
vue-router在3.0版本以上重复点击菜单报错的问题
weixin_42349568的博客
01-29 210
一，现象 二，原因 脚手架中使用this.$router.replace(path)进行路由跳转的时候，返回一个Promise对象，发生未捕获的异常 三，处理办法： import VueRouter from 'vue-router' //避免vue-router在3.0版本以上重复点击菜单报错的问题 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) {
解决vue-router重复点击时报错
weixin_52240193的博客
12-28 330
//在router.js放以下代码 const originPush=VueRouter.prototype.push VueRouter.prototype.push=function push (location) { return originPush.call(this,location).catch(err=>err) }
Vue中路由重复点击报错如何解决？
weixin_45464486的博客
03-27 298
【代码】Vue中路由重复点击报错如何解决？
vue-router 导航重复点击报错的问题解决
qq_36529240的博客
08-01 421
vue-router 导航重复点击报错的问题解决
vue-router3.x 报错index.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
07-27
这个报错通常发生在 Vue Router 3.x 版本中，它表示在加载 Vue Router 时出现了问题。出现这个错误的原因可能有很多，我将列举几个常见的解决方案供你参考： 1. 确保你的 Vue 和 Vue Router 版本匹配。Vue Router 3.x 需要 Vue 2.x 的支持。你可以通过在 `package.json` 文件中查看版本来确认。 2. 确保你已正确导入 Vue 和 Vue Router。在 `main.js` 或你的入口文件中，确保你按照正确的顺序导入 Vue 和 Vue Router，并正确地使用 `Vue.use()` 方法来注册 Vue Router。 3. 检查你的路由配置文件。确保你已经正确定义了路由和组件，并且没有遗漏任何必要的配置。 4. 检查你的 HTML 文件。确保你已经正确引入了 Vue 和 Vue Router 的 JavaScript 文件，并且没有引入重复的文件或错误的文件。 如果以上解决方案都没有解决问题，我建议你提供更多的代码和错误信息，以便我可以更好地帮助你解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值