vue 中导航重复点击报错冗余导航

最新推荐文章于 2023-02-19 16:06:52 发布
最新推荐文章于 2023-02-19 16:06:52 发布
阅读量1k 收藏 2
点赞数 1
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49295900/article/details/108511210
版权
报错信息如图

在这里插入图片描述

解决方法

方法1:在导航点击事件中加入catch方法

jumprouting(e){
   
            this.$router.push(e.path).catch(err => err)
        }
最低0.47元/天 解锁文章
々仄言
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 冗余导航，跳转点击太快报错，跳转相同路由报错。
PrimaryColor
09-25 501
router.js。代码： //核心 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } 全部代码： import Vue from 'vue'; import Router from 'vue-router';
vue重复点击路由 导致冗余导航的解决方法
半兽先生的博客
03-11 2423
vue重复点击路由 导致冗余导航的解决方法
vue-router 导航重复点击报错的问题解决
qq_36529240的博客
08-01 419
vue-router 导航重复点击报错的问题解决
解决vue重复点击导航路由报错
weixin_59202948的博客
08-10 181
/ 解决重复点击导航路由报错}
Vue报错避免冗余导航解决方法
qq_43447509的博客
09-03 2961
具体报错信息如图 解决方案 在导航点击事件中加入catch捕获方法 click() { this.$router.replace(this.path).catch(err => err) }
vue 中冗余导航错误
weixin_49295874的博客
07-15 256
main.js import VueRouter from "vue-router"; Vue.use(VueRouter); const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } 如果是点击跳转时候冗余了，可以在点击跳转的方法后.
vue头部导航动态点击处理方法
10-17
下面我们将深入探讨如何在Vue中实现这一功能。 首先，在Vue实例的`data`对象中定义两个变量：`nav`存储导航菜单的选项，`ins`用来记录当前被选中的索引。例如： ```javascript data() { return { nav: ['头条1',...
基于Vue的网页导航系统设计源码
最新发布
04-03
本设计源码提供了一个基于Vue的网页导航系统。项目包含92个文件，主要使用Vue、JavaScript、CSS和HTML编程语言。文件类型包括36个PNG图片文件、19个SVG文件、12个Vue组件文件、10个JavaScript脚本文件、4个JPG图片...
详解vue中引入stylus及报错解决方法
08-29
在 Vue 项目中，有时我们需要使用预处理器来增强 CSS 的功能，比如 Stylus。Stylus 是一个强大的、动态的样式语言，提供了变量、嵌套规则、函数等特性，使得 CSS 编写更加简洁和模块化。 **安装 Stylus 和 stylus-...
Vue实现导航栏点击当前标签变色功能
10-16
主要为大家详细介绍了Vue实现导航栏点击当前标签变色功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue2.0实现导航菜单切换效果
08-30
描述中提到「主要为大家详细介绍了 Vue 2.0 实现导航菜单切换效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下」。这表明本文的目的是为了详细介绍 Vue 2.0 实现导航菜单切换效果的方法，并且对读者具有参考...
关于编程式路由产生冗余导航,vue-router报错问题解决
weixin_50194471的博客
08-15 529
/ 解决同一页面产生导航冗余，vue-router报错问题。将该段代码直接放置在mian.js文件中即可。
冗余导航
weixin_49295874的博客
09-23 322
方法1.在路由中加入catch jumprouting(e){ this.$router.push(e.path).catch(err => err) } 方法2.router.js Vue.use(VueRouter); const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPu
路由跳转 ---- 冗余导航
山海也有意难平
07-30 288
报错 NavigationDuplicated: Avoided redundant navigation to current location: 解决方法： 打开router文件夹下的index.js文件中添加如下代码： Vue.use(Router) constoriginalPush=Router.prototype.push Router.prototype.push=functionpush(location){ returnoriginalPus...
解决vue重复点击导航时的报错问题
weixin_52169403的博客
02-19 393
解决vue重复点击导航时的报错问题
vue 解决重复点击导航路由报错
k250119101的博客
02-11 2334
import Router from ‘vue-router’ // 解决重复点击导航路由报错 const originalPush = Router.prototype.push; Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err =>...
Vue router / Element 重复点击导航路由报错解决方法
lsh159745的博客
04-25 1122
写 Vue 项目中，使用 Element-ui 重复点击导航路由会报错，报错信息如下： 虽然此报错并不会影响项目运行，但是作为一个强迫症的码农的确受不了error，解决方法如下： 方法①：把项目依赖的 node_modules 文件夹删除， 然后再 npm install 重新下载依赖包，如果安装的 vue-router 还是之前出错的那个版本，在项目目录下运行 npm i vue-router...
解决路由导航冗余报错（路由重复）
伦伦的博客
12-17 501
重复导航同一个路由出现以下问题 解决方案 在router的index.js文件里面添加以下代码 const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } ...
vue路由重复点击会报错
04-23
是的，这是因为 Vue Router 默认情况下是不支持重复点击同一个路由的，因为这可能会导致页面状态的混乱和冲突。如果确实需要重复点击同一个路由，则可以使用编程式导航的方式来实现。例如，在点击时先判断当前路由...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值