vue 同个导航点击两次时控制台报错

最新推荐文章于 2024-01-03 14:10:56 发布

原创最新推荐文章于 2024-01-03 14:10:56 发布 · 481 阅读

2 ·

CC 4.0 BY-SA版权

项目经验同时被 2 个专栏收录

38 篇文章

订阅专栏

vue

28 篇文章

订阅专栏

本文介绍了一个常见的Vue Router问题，当同一导航被连续点击时，控制台会出现错误提示。提供了一段在router.js中修改原型方法的解决方案，通过捕获并返回错误避免了控制台的错误输出。

同个导航点击两次时控制台会报如下错误：

解决方法在router.js里面写入

const originalPush = Router.prototype.push
Router.prototype.push = function push(location, onResolve, onReject) {
  if (onResolve || onReject) return originalPush.call(this, location, onResolve, onReject)
  return originalPush.call(this, location).catch(err => err)
}

参考链接：https://www.cnblogs.com/rever/p/11577322.html