原文:vue動態添加路由,跳轉頁面時,頁面報錯路由重復:vue-router.esm.js?8c4f:16 [vue-router] Duplicate named routes definition: { name: "Login", path: "/login" }

之前用了一個vue element admin做了一個小項目,里面用到了動態添加路由,動態展示側邊欄, 當我切換頁面時,控制台總是警告提示路由重復,連續跳轉幾次頁面后,控制台就被這些警告占滿了, 於是處理一下 原因addRoutes 方法僅僅是幫你注入新的路由,並沒有幫你剔除原有的其它路由 我們先看一下原來代碼 路由攔截器中的代碼: permission.js: 上面 調用的addRoutes ...

2020-05-15 15:00 0 2334 推薦指數:

查看詳情

vue動態添加路由跳轉頁面頁面報錯路由重復vue-router.esm.js?8c4f:16 [vue-router] Duplicate named routes definition: { name: "Login", path: "/login" }

之前用了一個vue-element-admin做了一個小項目,里面用到了動態添加路由動態展示側邊欄, 當我切換頁面,控制台總是警告提示路由重復,連續跳轉幾次頁面后,控制台就被這些警告占滿了, 於是處理一下 原因addRoutes 方法僅僅是幫你注入新的路由,並沒有幫你剔除 ...

Mon Sep 23 20:29:00 CST 2019 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