首页 > 其他分享 >NavigationDuplicated: Avoided redundant navigation to current location: "/".

NavigationDuplicated: Avoided redundant navigation to current location: "/".

时间:2023-07-06 16:11:30浏览次数:40  
标签:resolve redundant replace current NavigationDuplicated location VueRouter reject

/* 
	vue-router 3.5.3 引入的promise
		当重复点击两下的时候,会出现一个 NavigationDuplicated: Avoided redundant navigation to current location: "/". 
		解决方案:
			重写路由push或者replace方法
*/

// 先把 VueRouter 原型对象的 push 保存一份
let originpush = VueRouter.prototype.push
// 重写 push 与 replace 
// 第一个参数:告诉原来的 push 方法,你往哪里跳转(传递哪些参数)
// 第二个参数:成功的回调
// 第三个参数:失败的回调
VueRouter.prototype.push = function(location,resolve,reject){
  if(resolve && reject){
    originpush.call(this,location,resolve,reject)  // 如果传递了 resolve && reject 调用原来的 push 方法
  }else{
    originpush.call(this,location,()=>{},()=>{})
  }
}
// replace重写
let originreplace = VueRouter.prototype.replace
VueRouter.prototype.replace = function(location,resolve,reject){
  if(resolve && reject){
    originreplace.call(this,location,resolve,reject)
  }else{
    originreplace.call(this,location,()=>{},()=>{})
  }
}

标签:resolve,redundant,replace,current,NavigationDuplicated,location,VueRouter,reject
From: https://www.cnblogs.com/Listener-wy/p/17532472.html

相关文章

  • 4.3 Recurrent Neural Network (RNN) II
    1.RNN怎么学习1.1LossFunction  如果要做learning的话,你要定义一个costfunction来evaluate你的model是好还是不好,选一个parameter要让你的loss最小.那在RecurrentNeuralNetwork里面,你会怎么定义这个loss呢,下面我们先不写算式,先直接举个例子.  如下图所示,这是一......
  • maven 网关应用:[NACOS ConnectException httpPost] currentServerAddr: http://localh
    网关应用运行忽然报错:[NACOSConnectExceptionhttpPost]currentServerAddr:http://localhost:8848,虽然调整了代码逻辑,但是nacos的配置没有变更过,之前也还能正常跑,网上查了一些,有说是配置优先级的问题,说是Nacos默认的配置优先级最高,覆盖了本地了,但是我遇到的情况是虽然一直......
  • java中concurrentHashMAP和HashTable有什么区别?
    ConcurrentHashMap和HashTable都是Java中用于实现线程安全的哈希表数据结构的类,但它们有一些关键的区别。线程安全性:ConcurrentHashMap是通过使用锁分段技术来实现线程安全的。它将整个哈希表分成了多个段(默认为16个),每个段有自己的锁。这样,在大多数情况下,多个线程可以同时访问不同......
  • redis集群报错:MISCONF Redis is configured to save RDB snapshots, but it is curren
    之前在x86架构的服务器部署redis集群,未遇到题中问题;然而在ARM架构的服务器部署redis集群,第一次遇到如此问题。虽然问题已经解决,但不清楚问题的具体原因,在此做个记录。性能测试过程中,通过pinpoint捕捉到如下报错:MISCONFRedisisconfiguredtosaveRDBsnapshots,butitis......
  • Tips: How to Get the Currently Selected HTML Content in Major Browsers
    functiongetSelectionHtml(){constsel=window.getSelection();if(sel.rangeCount){varcontainer=document.createElement("div");for(vari=0,len=sel.rangeCount;i<len;++i){container.appendCh......
  • HashMap与ConcurrentHashMap底层分析
    一.红黑树的要点:在介绍HashMap与ConcurrentHashmap底层原理之前我们首先介绍红黑树的知识点,他是我们JDK1.8后为HashMap与ConcurrentHashMap引入的优化的数据结构。1.1红黑树的特点:1.每一个结点不是红色就是黑色2.不可能有连接在一起的红色结点,也即是如果有一个结点是红色,则......
  • C# 避免使用System.Environment.CurrentDirectory
    我有一个程序A(exe)是通过计划任务程序启动,发现通过System.Environment.CurrentDirectory获取的路径不是程序A的运行目录,而是C:\Windows\System32DirectoryInfotopDir=Directory.GetParent(System.Environment.CurrentDirectory);是因为System.Environment.CurrentDirectory......
  • HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Secureboot
    regaddHKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Secureboot/vAvailableUpdates/tREG_DWORD/d0x10/f命令是用于在注册表中添加一个名为"AvailableUpdates"的DWORD值,并将其设置为十六进制值"0x10"。此操作需要管理员权限才能执行。这个命令的作用是向......
  • ConcurrentHashMap并不是绝对线程安全的
    ConcurrentHashMap是线程安全的概念已经深入人心,让我们在使用的时候有些大意了,我也懒得动脑子,直接使用,结果碰到钉子了. 这个问题让我很郁闷,程序逻辑全是对的,但是问题却明明摆在那边,最后怀疑是HashMap的问题。 1.package2.3.import4.import5.import6.7.impor......
  • elementui 分页page-size current-page 不随着组件改变问题
    问题出在未使用 .sync上!:current-page.sync="pageData.PageIndex":page-size.sync='pageData.PageSize'<el-pagination@size-change="handleSizeChange"@current-change="handleCurrentChange":curren......