vue-router 报错、:Avoided redundant navigation to current location 错误、路由重复

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/goodsList".

在用vue-router 做单页应用的时候重复点击一个跳转的路由会出现报错

image.png

这个报错是重复路由引起的
只需在注册路由组建后使用下方重写路由就可以

import Router from 'vue-router';
const originalPush = Router.prototype.push
Router.prototype.push = function push(location) {
  return originalPush.call(this, location).catch(err => err)
}
image.png
image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容