最近在Vue项目开发的过程中遇到一个问题,那就是在点击同一个路由操作的时候,控制台会报一下错误提示:
Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/Refund".

经过排查之后才发现是关于Vue中路由重复引起的错误,经过查找资料以及搜索相关知识,该报错原因是因为ElementUI导航栏里面的vue-router在3.0以上版本重复点击菜单引起的路由重复报错,得出了以下解决步骤:
打开Vue项目,找到router文件夹下的index.js文件,

然后添加如下几行代码,即可解决问题,具体代码如下所示:
const includP
在Vue开发中遇到NavigationDuplicated错误,该问题由重复点击路由引起。通过在router/index.js中修改push方法,添加错误处理代码,可以避免冗余导航并解决问题。
订阅专栏 解锁全文
2704

被折叠的 条评论
为什么被折叠?



