vue 当前路由重复点击跳转报错

最新推荐文章于 2024-07-21 20:16:04 发布

YanHie

最新推荐文章于 2024-07-21 20:16:04 发布

阅读量1.6k

点赞数

分类专栏：知识点

本文链接：https://blog.csdn.net/YanHie/article/details/110186494

版权

当在Vue应用中连续点击同一路由时，可能会出现路由报错，但不影响页面运行。为消除这个错误提示，可以尝试在router配置中添加特殊处理或在菜单跳转时判断，如果路由相同则先跳转到刷新页面再返回原页面，实现当前路由的重新加载。

摘要由CSDN通过智能技术生成

当菜单路由重复点击时，会出现以下报错：
随便找了个项目搞了个报错
虽然没有什么影响(不知道深层有什么影响，页面运行反正没啥问题)，但是有个报错看着就毕竟闹心。
有以下解决方案：

router配置中添加代码块不再报错

// 解决Vue-Router升级导致的Uncaught(in promise) navigation guard问题
const originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location, onResolve, onReject) {
   
  if (onResolve || onReject)
    return originalPush.call(this, location, onResolve, onReject