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

发布时间 2023-07-06 16:11:02作者: 文种玉
/* 
	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,()=>{},()=>{})
  }
}