随笔 - 326,  文章 - 0,  评论 - 0,  阅读 - 16万
/* 
	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,()=>{},()=>{})
  }
}
posted on   文种玉  阅读(294)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示