Vue中路由报错:NavigationDuplicated: Avoided redundant navigation to current location: "/xxx".

开发环境能够正常启动

image.png

连续点击相同路由导致报错(不影响正常操作行为)

Vue中报错:NavigationDuplicated: Avoided redundant navigation to current location: "/xxx".

image.png

解决方法

在router的index.js中增加如下代码:

const originalPush = Router.prototype.push;
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}
image.png

成功消除报错!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容