Vue-router 报错NavigationDuplicated的解决方法

 更新时间:2020-03-31 16:11:29   作者:佚名   我要评论(0)

版本:3.1.x

报错原因:


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


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


const origi

版本:3.1.x

报错原因:

使用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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:

  • 详解Vue.js搭建路由报错 router.map is not a function

相关文章

  • Vue-router 报错NavigationDuplicated的解决方法

    Vue-router 报错NavigationDuplicated的解决方法

    版本:3.1.x 报错原因: 使用push()、replace()进行导航时,不能重复导航到当前路由。 解决办法: 方法1:在定义路由的文件中router/index.js const origi
    2020-03-31
  • selenium+chromedriver在服务器运行的详细教程

    selenium+chromedriver在服务器运行的详细教程

    1.前言 想使用selenium从网站上抓数据,但有时候使用phantomjs会出错。chrome现在也有无界面运行模式了,以后就可以不用phantomjs了。 但在服务器安装chrome时出现了
    2020-03-31
  • Spring boot整合Mybatis-plus过程解析

    Spring boot整合Mybatis-plus过程解析

    Mybatis初期使用比较麻烦,需要很多配置文件、实体类、dao层映射、还有很多其他的配置。初期开发使用generator可以根据表结构自动生产实体类、dao层代码,这样是可以
    2020-03-31
  • IDEA集成git和使用步骤的实现方法

    IDEA集成git和使用步骤的实现方法

    一、IDEA集成git方法 首先idea集成git我们需要先下载一个小软件,git bash 地址:https://git-scm.com/downloads 。下载好了之后直接下一步下一步傻瓜试安装
    2020-03-31
  • Flink开发IDEA环境搭建与测试的方法

    Flink开发IDEA环境搭建与测试的方法

    一.IDEA开发环境 1.pom文件设置 <properties> <maven.compiler.source>1.8</maven.compiler.source> <maven.compiler.target>1.8</maven.compiler.target
    2020-03-31
  • 解决Django中checkbox复选框的传值问题

    解决Django中checkbox复选框的传值问题

    Django 中,html 页面通过 form 标签来传递表单数据。 对于复选框信息,即 checkbox 类型,点击 submit 后,数据将提交至 view 中的函数。 我们通过request.POST.ge
    2020-03-31
  • 解决AMD无法使用Android studio问题

    解决AMD无法使用Android studio问题

    前提:你的电脑是AMD处理器,想使用Android studio,自己的电脑系统是win10家庭版,在百度找到勾选hyper-v就能用,然后发现在自己的电脑上面找不到,又要去BIOS界面
    2020-03-31
  • Python调用接口合并Excel表代码实例

    Python调用接口合并Excel表代码实例

    在工作中经常遇到需要打开许多个excel表格,然后合并的需求,合并的同时要求格式必须原汁原味的保留。利用VBA代码可以比较轻松的解决,现在我们来看Python中如何实现
    2020-03-31
  • Nginx+FastDFS搭建图片服务器的方法实现

    Nginx+FastDFS搭建图片服务器的方法实现

    安装环境 Centos 环境依赖: yum -y install gcc yum install -y pcre pcre-devel yum install -y zlib zlib-devel yum install -y openssl openssl-devel # 没有
    2020-03-31
  • Python文本文件的合并操作方法代码实例

    Python文本文件的合并操作方法代码实例

    我们有时候,看到几k的日志文件,一大堆,一个一个打开又很麻烦,少看几个,又担心遗漏,这个时候,如果有一个可以合并所有文本文件的工具就好了。 下面这个代码就可
    2020-03-31

最新评论