Vue-router 报错NavigationDuplicated的解决方法


Posted in Javascript onMarch 31, 2020

版本:3.1.x

Vue-router 报错NavigationDuplicated的解决方法

报错原因:

使用push()、replace()进行导航时,不能重复导航到当前路由。

解决办法:

方法1:在定义路由的文件中router/index.js

const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location) {
 return originalPush.call(this, location).catch(err => err)
}

const originalReplace = VueRouter.prototype.replace
VueRouter.prototype.repalce = function replace (location) { 
 return originalReplace.call(this, location).catch(err => err)
}

方法2:在调用push()、replace()方法时,catch

this.$router
  .replace(this.path)
  .catch(err => err)

说明:第一种方法好像对replace()没有作用。

到此这篇关于Vue-router 报错NavigationDuplicated的解决方法的文章就介绍到这了,更多相关Vue-router 报错NavigationDuplicated内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
Oct 29 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
May 30 Javascript
JS简单的轮播的图片滚动实例
Jun 17 Javascript
使用jquery的ajax需要注意的地方dataType的设置
Aug 12 Javascript
js switch case default 的用法示例介绍
Oct 23 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
javascript实现图片自动和可控的轮播切换特效
Apr 13 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
微信小程序 video详解及简单实例
Jan 16 Javascript
JS 判断某变量是否为某数组中的一个值的3种方法(总结)
Jul 10 Javascript
怎么使用javascript深度拷贝一个数组
Jun 06 Javascript
Echarts实现多条折线可拖拽效果
Dec 19 Javascript
js实现整体缩放页面适配移动端
Mar 31 #Javascript
react国际化化插件react-i18n-auto使用详解
Mar 31 #Javascript
小程序中使用css var变量(使js可以动态设置css样式属性)
Mar 31 #Javascript
功能完善的小程序日历组件的实现
Mar 31 #Javascript
小程序双头slider选择器的实现示例
Mar 31 #Javascript
JavaScript实现电灯开关小案例
Mar 30 #Javascript
javascript实现计算器功能
Mar 30 #Javascript
You might like
zend framework配置操作数据库实例分析
2012/12/06 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
thinkphp中ajax与php响应过程详解
2014/12/08 PHP
iframe 自适应高度[在IE6 IE7 FF下测试通过]
2009/04/13 Javascript
Extjs入门之动态加载树代码
2010/04/09 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
javascript实现随时变化着的背景颜色
2015/04/02 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
javascript中的正则表达式使用详解
2015/08/30 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
JS+CSS3制作炫酷的弹窗效果
2016/11/08 Javascript
VueJS如何引入css或者less文件的一些坑
2017/04/25 Javascript
Angularjs 实现动态添加控件功能
2017/05/25 Javascript
jQuery+Ajax实现用户名重名实时检测
2017/06/01 jQuery
JavaScript数据类型和变量_动力节点Java学院整理
2017/06/26 Javascript
CSS3 动画卡顿性能优化的完美解决方案
2018/09/20 Javascript
js实现九宫格抽奖
2020/03/19 Javascript
VSCode搭建React Native环境
2020/05/07 Javascript
nginx部署多个vue项目的方法示例
2020/09/06 Javascript
python实现sublime3的less编译插件示例
2014/04/27 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
详解DeBug Python神级工具PySnooper
2019/07/03 Python
详解python中的数据类型和控制流
2019/08/08 Python
python datetime时间格式的相互转换问题
2020/06/11 Python
PyTorch 导数应用的使用教程
2020/08/31 Python
澳大利亚便宜的家庭购物网站:CrazySales
2018/02/06 全球购物
Mankind美国/加拿大:英国领先的男士美容护发用品公司
2018/12/05 全球购物
工商管理专业应届生求职信
2013/11/04 职场文书
回门宴答谢词
2014/01/13 职场文书
自我鉴定四大框架
2014/01/17 职场文书
酒店开业庆典主持词
2014/03/21 职场文书
演讲稿的格式及范文
2014/08/22 职场文书
电影雷锋观后感
2015/06/10 职场文书
CSS3实现360度循环旋转功能
2022/02/12 HTML / CSS