最近在Vue项目开发的过程中遇到一个问题,那就是在点击同一个路由操作的时候,控制台会报一下错误提示:

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

经过排查之后才发现是关于Vue中路由重复引起的错误,经过查找资料以及搜索相关知识,该报错原因是因为ElementUI导航栏里面的vue-router在3.0以上版本重复点击菜单引起的路由重复报错,得出了以下解决步骤:

打开Vue项目,找到router文件夹下的index.js文件,

前端开发:Vue项目报错NavigationDuplicated:Avoided redundant navigation to current location:“/XXX”的解决方法相关推荐

  1. 报错:Avoided redundant navigation to current location: “/login“.完美解决

    需求: 登陆之后才能查看主页面,否则跳转至登录页 遇到的问题: 一开始是打算直接在拦截器跳转路由的,发现会报错Avoided redundant navigation to current locat ...

  2. vue-router 报错Error: Avoided redundant navigation to current location: “/index/user“解决方式

    问题 使用ivew Menu 制作的导航菜单,连续点击同一个导航时报错 该报错不影响功能 当前地址 http://localhost:8080/#/transfer/index 连续点击–信息录入 报 ...

  3. 解决Vue报错:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

    问题描述:重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能坐视不管. 解决 Vue 重复点击相同路由,出现 Uncaught (in promise) NavigationDuplica ...

  4. 解决报错:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “

    报错内容: vue-router.esm.js?68cf:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navi ...

  5. vue 跳转报 NavigationDuplicated: Avoided redundant navigation to current location: “/to-do“.

    错误提示:NavigationDuplicated: Avoided redundant navigation to current location: "/to-do". 提示这 ...

  6. Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/deta

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

  7. 解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题

    在Vue路由中遇到Error: Avoided redundant navigation to current location:xxxx:错误,意思是路由重复 在router文件夹下的index.j ...

  8. vue2里面的Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

    编程式导航跳转到当前路由(参数不变),多次执行就会在控制台出现如下结果: 怎么解决: (1)最有效--重写push.replace 在router-index.js中添加: // 重写push.rep ...

  9. vue重复点击路由报错,解决NavigationDuplicated: Avoided redundant navigation to current location: 问题

    vue项目中重复加载当前路由会报错, 解决方法:找到项目中的router文件,在里面添加代码,修正Vue原型上的push和replace方法 (注意vue-router的引入名称) // 缓存原型上的 ...

  10. Vue报错Error: Avoided redundant navigation to current locatiton 重复点菜单报错问题

    解决ElementUI导航栏中的vue-router在3.0版本以上重复点菜单报错问题 //路由页面添加以下代码: const originalPush = Router.prototype.push ...

最新文章

  1. 一线上nagios监控参数
  2. OSChina 周一乱弹 —— 深入浅出讲技术
  3. 虚拟局域网vlan实验报告_自动化已非原来的自动化:看虚拟局域网技术应用到罗克韦尔的DCS...
  4. 用python处理excel 数据分析_Python应用实现处理excel数据过程解析
  5. 转:高等数学、线性代数、概率论数理统计书籍推荐
  6. Spring整合Mybatis和JUnit
  7. HttpHandler和ashx使用Session 出现未初始化异常
  8. SHELL编程基础之BASH入门
  9. java多线程join()方法原理详解
  10. 下载列表失败_Mac配置的Motrix,高速下载百度云
  11. 傅立叶变换描述子 matlab,[傅里叶变换matlab]傅里叶变换的Matlab代码与注释
  12. java面试中掺水了,java软件工程师工作简历模板下载
  13. vscode替换全局搜索快捷键
  14. 【第一周:数据分析思维】7周成为数据分析师
  15. python比较学生名单与签到名单查缺勤(Excel)
  16. android/iphone/windows/linux声波通讯库
  17. parentElement\parentNode.parentNode.childNodes用法例子
  18. 腾讯课堂小白训练——仿百度登陆页面
  19. laravel 事务_【钢结构建筑】gmp建筑师事务所 | 杭州铁路南站
  20. JAVA TIME API总结

热门文章

  1. java.lang.IllegalStateException: Bindings already cleared.
  2. 春节大礼包!——海多PS游戏下载及PS模拟器EPSXE VGS设置指南
  3. vue实现单选做题根据对错标色,作对跳转下一题,实现思路详解
  4. Codeforces 844A
  5. 计算机网络centos下实验1.1(Linux常用命令+Linux网络基础)
  6. SQL SERVER 查询、删除重复数据
  7. KMZ转换为KML,KML转换为shp文件格式方法
  8. Windows-驱动-解决Thinkpad e470c在Win8.1下WiFi无法连接的问题
  9. 2021年新实施的税收优惠政策汇总
  10. 前端 获取 扫码枪等扫码设备输入内容:2种方式