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 相关文章推荐
jQuery图片播放8款精美插件分享
Feb 17 Javascript
30个经典的jQuery代码开发技巧
Dec 15 Javascript
js实现简易的单数字随机抽奖(0-9)
Mar 19 Javascript
jqTransform美化表单
Oct 10 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
Apr 20 Javascript
JavaScript基础——使用Canvas绘图
Nov 02 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
Feb 12 Javascript
详解Vue-基本标签和自定义控件
Mar 24 Javascript
详解node HTTP请求客户端 - Request
May 05 Javascript
vue中父子组件传值,解决钩子函数mounted只运行一次的操作
Jul 27 Javascript
js面向对象封装级联下拉菜单列表的实现步骤
Feb 08 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
php htmlspecialchars加强版
2010/02/16 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
php获取ajax的headers方法与内容实例
2017/12/27 PHP
PHP高并发和大流量解决方案整理
2019/12/24 PHP
ExtJs Excel导出并下载IIS服务器端遇到的问题
2011/09/16 Javascript
JavaScript常用对象的方法和属性小结
2012/01/24 Javascript
原生js写的放大镜效果
2012/08/22 Javascript
javascript Event对象详解及使用示例
2013/11/22 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
微信小程序 网络API发起请求详解
2016/11/09 Javascript
利用vue-router实现二级菜单内容转换
2016/11/30 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
2017/04/24 Javascript
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
2018/07/31 NodeJs
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
node事件循环和process模块实例分析
2020/02/14 Javascript
详解JavaScript 的执行机制
2020/09/18 Javascript
Vue自定义表单内容检查rules实例
2020/10/30 Javascript
[03:07]2015国际邀请赛选手档案EHOME.rOtK 是什么让他落泪?
2015/07/31 DOTA
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
python实现从网络下载文件并获得文件大小及类型的方法
2015/04/28 Python
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
Python根据指定日期计算后n天,前n天是哪一天的方法
2018/05/29 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
安装python及pycharm的教程图解
2019/10/10 Python
Python3列表List入门知识附实例
2020/02/09 Python
会计专业应届生自荐信
2014/02/07 职场文书
《彩色世界》教学反思
2014/04/12 职场文书
奥巴马就职演讲稿
2014/05/15 职场文书
作风建设年活动实施方案
2014/10/24 职场文书
2014幼儿教师个人工作总结
2014/12/03 职场文书
初三毕业评语
2014/12/26 职场文书
大学生各类奖学金申请书
2019/06/24 职场文书
如何写一份成功的商业计划书
2019/06/25 职场文书
pandas时间序列之pd.to_datetime()的实现
2022/06/16 Python
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers