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

路由报错问题.JPG

问题:
提示报错,在router中应当避免到当前位置的冗余导航
换成人话就是说,重复触发了同一个路由

解决办法:
在页面的路由中配置(router.js)

// 将push进行缓存
const originalPush = VueRouter.prototype.push

VueRouter.prototype.push = function push (location) {
  return originalPush.call(this, location).catch(err => err)
}

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

推荐阅读更多精彩内容