首页 > 其他分享 >vue-router3,点击相同的路由,会报错NavigationDuplicated

vue-router3,点击相同的路由,会报错NavigationDuplicated

时间:2022-12-21 19:44:38浏览次数:45  
标签:vue err router3 replace NavigationDuplicated 报错 location push Router

vue-router点击相同的路由链接会报错NavigationDuplicated

{
    "_name": "NavigationDuplicated",
    "name": "NavigationDuplicated",
    "message": "Navigating to current location (\"/createAvt\") is not allowed"
}

在router文件中添加

import Router from 'vue-router'
// Router 是import导入的路由
// 获取原型对象push函数
const originalPush = Router.prototype.push
// 获取原型对象replace函数
const originalReplace = Router.prototype.replace
// 修改原型对象中的push函数
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}
// 修改原型对象中的replace函数
Router.prototype.replace = function replace(location) {
  return originalReplace.call(this, location).catch(err => err)
}

标签:vue,err,router3,replace,NavigationDuplicated,报错,location,push,Router
From: https://www.cnblogs.com/jia-zq/p/16996993.html

相关文章

  • Vite + Vue3导入 vue-i18n 插件
    使用Vite+Vue3导入vue-i18n插件Step1下载vue-i18n插件npminstallvue-i18nStep2新建local文件夹,创建index.jsindex.jsimport{createI18n}from"v......
  • TS.003.使用tsc指令报错
    01.错误现象  02. 问题原因vscode终端不能使用命令03. 处理方法a. 管理员权限支行vscode;b. 读取运行权限,确认是否是:Restricted; 若......
  • openpyxl.utils.exceptions.IllegalCharacterError报错原因及解决办法
    openpyxl.utils.exceptions.IllegalCharacterError原因Excel表中有非法字符,这些字符都是八进制的,需要进行清洗解决办法一:(自己亲测有效)importredefdata_cl......
  • Vue-router4.0接口快速识别
    Vue-router4.0接口快速识别<router-link> :将会被渲染a标签属性名属性类型属性作用tostring/object相当于跳转调用router.push(string/object)replacebo......
  • 基于Springboot+Mybatis+mysql+element-vue高校就业管理系统
    @目录一、系统介绍二、功能展示1.用户登陆注册2.个人信息(学生端)3.查看企业岗位信息(学生端)4.我的应聘(学生端)5.学生信息管理(辅导员)6.三方协议书审核(辅导员)7.查看班级就业......
  • 基于Springboot+Element-Vue-Admin实现简单权限管理系统
    @目录一、系统介绍二、功能展示1.用户登陆2.用户管理3.权限管理、权限设置4.菜单管理三、数据库展示四、其它1.数据库表2.获取源码一、系统介绍系统主要功能:系统实现了用......
  • Linux下Amber22安装与报错处理
    如果没有购买amber,也可以安装ambertools进行分子分子动力学模拟。tools与amber的区别再于tools里没有高性能的pmemd,但tools里的sander也可以满足基本需求。有高性能(节约时......
  • 用AS直接连接到手机上能运行,安装apk就运行报错?
    由于最近将AndroidStudio-2.2升级至2.3了,一直用测试机编译应用,未发现任何异常,可是今天突然发现一个小意外,也是真令人头疼。今天直接用我自己的手机Run,Studio一直提示安装......
  • 启动vue项目报错:Error: The project seems to require yarn but it's not installed
    问题:将项目拷贝到另一台电脑启动时报错Error:Theprojectseemstorequireyarnbutit'snotinstalled解决方法:1.删除项目中的yarn.lock文件2.终端执行npminsta......
  • vue3 + ts 路由换标题
    npminstallvue-wechat-title--save//引入换标题的插件importVueWechatTitlefrom'vue-wechat-title'//使用插件VueWechatTitleapp.use(store).use(router)......