vue-router踩坑之NavigationDuplicated error
前言
因业务需求重新开发了一个项目,但是在使用vue-router
,偶然发现vue-router
会报下面这个错误。
后来网上查询,给出了很多解决方案,很多都说直接删除node_modules,重新安装依赖就好。同时也有很多网友说这个方案无效。其实会出现这种错误的情况,是因为
1 | [Bug Report] 升级vue-router至3.1以后版本,导航组件重复点击报错 NavigationDuplicated |
也就是说这是vue-router
3.1版本之后,对于航组件重复点击的一个错误处理方式。
因此,要解决这个报错有两种方案:
- 将
vue-router
版本锁在3.1版本以下
1 | // 卸载原来的vue-router |
- 使用router.push时,请进行
catch
处理,将这个错误捕获。
原讨论贴
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 冬之乐园!