vue -- router路由跳转错误 , NavigationDuplicated
vue-router ≥3.0版本回调形式以及改成promise api的形式了,返回的是一个promise,如果路由地址跳转相同, 且没有捕获到错误,控制台始终会出现如图所示的警告 (注:3.0以下版本则不会出现以下警告!!!,因路由回调问题…)
方案一:
安装vue-router3.0以下版本:先卸载3.0以上版本然后再安装旧版本 npm install @vue-router2.8.0 -S
方案二:
针对于路由跳转相同的地址添加catch捕获一下异常:this.$router.push('/location').catch(err => { console.log(err) })
方案三:
在main.js下注册一个全局函数即可
import Router from 'vue-router'const originalPush = Router.prototype.push Router.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) }
注:官方vue-router新版本路由默认回调返回的都是promise,原先就版本的路由回调将废弃!!!!
————————————————
原文链接:https://blog.csdn.net/weixin_45522694/article/details/99548714
转载于:https://www.cnblogs.com/xiaofenguo/p/11570835.html
vue -- router路由跳转错误 , NavigationDuplicated相关推荐
- vue router 路由跳转方法概述
一.概述 使用到Vue的项目,我们最常见使用的就是Vue配套的Vue Router库. 那么在平日开发中,有多少种跳转路由的方法? 二.跳转方法 1.使用router-link标签 使用router- ...
- vue页面跳转没有ajax,vue router路由跳转了,但是页面没有变(已解决)
IOS开发:监听来电状态的改变. #import #import @property(nonato ... salesforce 零基础学习(三十)工具篇:Debug Log小工具 开发中查看log日 ...
- vue路由跳转错误:Error: Redirected when going from “/login“ to “/home“ via a navigation guard.
# 问题描述: vue路由跳转错误:Error: Redirected when going from "/login" to "/home" via a na ...
- 工作112:vue路由跳转错误:Error: Redirected when going from “/login“ to “/home“ via a navigation guard.
vue路由跳转错误:Error: Redirected when going from "/login" to "/home" via a navigation ...
- Vue Router 路由管理
文章目录 Vue Router 路由管理 概述 安装 简单使用 定义2个组件 定义路由信息 支持路由 使用路由 动态路由 配置动态路由 配置404 限制动态参数 嵌套路由 命名路由 编程式导航 简单使 ...
- 【Vue】相关生态——Vue Router路由
Vue Router路由 基本使用 带参数的动态路由匹配 捕获所有路由或404 Not found 路由 嵌套路由 编程式导航 重定向和别名 将props传递给路由组件 不同的历史模式 进阶 导航守卫 ...
- Vue Router路由常用功能总结
Vue Router路由常用功能总结 一.前言 二.安装 1. vueCLI安装 2. npm安装 三.路由配置及使用: 1. 基本配置: 2. 动态路由: 3. 嵌套路由: 四.编程式的导航 五.重 ...
- Vue 学习(十、 Vue Router - 路由插件 和 Vue 的插件原理)
文章目录 一.Vue Router - 路由插件 1. 安装 Vue Router 2. Vue Router 路由的基本使用 3. 设置 router-link 4. 编程式路由 5. 路由嵌套 6 ...
- vue二级路由跳转后外部引入js失效问题解决方案
vue二级路由跳转后外部引入js失效问题解决方案 参考文章: (1)vue二级路由跳转后外部引入js失效问题解决方案 (2)https://www.cnblogs.com/LittleT/p/9077 ...
最新文章
- 统计学权威盘点过去50年最重要的统计学思想,因果推理、bootstrap等上榜,Judea Pearl点赞...
- 查看tensorflow pb模型文件的节点信息
- ubuntu 12.04lts 安装insight6.8a
- 测试php程序运行时间
- yum源无法安装mysql_Centos7上使用官方YUM源安装Mysql
- offsetwidth/offsetheight的区别
- linux-shell-命令总结
- 迪斯尼首次取代苹果公司 成“美国人最亲密品牌”
- 软件设计师学习2——程序设计语言基础知识
- php object 对象不存在。增加对象_PHP开发自己的框架,这些知识点不能错过
- 开源论坛程序 vBulletin 被曝严重且详情不明的漏洞,请立即修复
- Spring源码学习笔记:经典设计模式之观察者模式
- STM32 + RT Thread OS 学习笔记[四]
- ORACLE建表语句转化为MySQL建表语句
- 无线网卡性能怎么测试软件,无线性能测试平台和方法
- w10系统服务器管理器,Win10如何打开服务管理器
- html js 获取this,JavaScript中的this引用(推荐)
- 2T硬盘安装WIN7分区格式
- IMU惯导相关开源项目整理
- Linux云主机 监控方案浅析
热门文章
- python多进程编程实例_[python] Python多进程编程技术实例分析
- python标准库说明_Python标准库详细介绍与基本使用方式,超详细!
- python带界面的人脸识别_PyQt5+Caffe+Opencv搭建人脸识别登录界面
- 终端服务器配置未启用rdp安全层,终端服务配置RDP-Tcp连接属性.PPT
- edui 富文本编辑_改造百度UMeditor(UEditor-min)富文本编辑器的图片上传功能
- 安装 卸载 mysql linux,Linux 下MySQL 安装与卸载
- 存到mysql的中文乱码_web项目存数据到数据库,中文乱码,解决过程
- 服务器的配置文档在哪里找,服务器端的数据库配置怎么找
- 原生html如何发送网络请求,原生JS向服务器发送GET请求
- 1至100之和用c语言表达方式,C语言菜鸟基础教程之求1到100的和