原文:vue动态添加路由,跳转页面时,页面报错路由重复:vue-router.esm.js?8c4f:16 [vue-router] Duplicate named routes definition: { name: "Login", path: "/login" }

之前用了一个vue element admin做了一个小项目,里面用到了动态添加路由,动态展示侧边栏, 当我切换页面时,控制台总是警告提示路由重复,连续跳转几次页面后,控制台就被这些警告占满了, 于是处理一下 原因addRoutes 方法仅仅是帮你注入新的路由,并没有帮你剔除原有的其它路由 我们先看一下原来代码 路由拦截器中的代码: permission.js: 上面 调用的addRoutes 方 ...

2019-09-23 12:29 2 7797 推荐指数:

查看详情

vue 路由报[vue-router] Duplicate named routes definition

vue路由报[vue-router] Duplicate named routes definition的原因: 配置路由定义的路由名称name存在重复名称 解决方案: 把重复路由的名称name修改成不一样即可 ...

Sun Sep 26 18:50:00 CST 2021 0 147
[vue报错vue-router.esm.js?8c4f:2007 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated"}]

解决方法一:经过多次尝试发现原因可能是 在重新下载依赖包,安装的vue-router还是之前出错的那个版本, ​ 解决方法也很简单,在项目目录下运行 npm i vue-router@3.0 -S 即可。 解决方法二:如果你不想用方法一那就在 main.js添加一段代码。 ...

Thu Jun 11 00:22:00 CST 2020 0 3506
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM