TypeScript 解决重复push路由报错 解决 AVOIDED REDUNDANT NAVIGATION TO CURRENT LOCATION: "/"

报错情况  点击跳转路由时,重复点击

Avoided redundant navigation to current location: "/".

大致意思: 避免重复跳转至同一个路由"/"

查资料发现解决的办法有两种:

1.vue-router版本高了,会报这个错误,可以装低版本的路由,例如vue-router@3.0

2.就是我下面的解决办法,在router的index.ts中重写push方法,抛出错误即可,用replace写的跳转就重写replace方法就行。

//解决重复路由跳转报错

const originalPush = VueRouter.prototype.push

VueRouter.prototype.push = function push (location) {

    return (originalPush.call(this, location) as any).catch(err => err)

}

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容