[發明專利]基于Vue的多級路由動態加載的實現方法有效
| 申請號： | 202110571278.4 | 申請日： | 2021-05-25 |
| 公開（公告）號： | CN113254100B | 公開（公告）日： | 2023-08-01 |
| 發明（設計）人： | 吳雙;宋艦;鄧文科;鮮青林;曾輝;黃睿蔥 | 申請（專利權）人： | 四川虹魔方網絡科技有限公司 |
| 主分類號： | G06F9/445 | 分類號： | G06F9/445;G06F16/958 |
| 代理公司： | 四川省天策知識產權代理有限公司 51213 | 代理人： | 張秀敏 |
| 地址： | 621000 四川省綿陽*** | 國省代碼： | 四川;51 |
| 權利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關鍵詞： | 基于 vue 多級 路由 動態 加載 實現 方法 | ||
【權利要求書】：
1.一種基于Vue的多級路由動態加載的實現方法，其特征在于，包括：
步驟S100：前端配置靜態路由：利用vue-router創建路由實例，在路由實例中設置靜態路由匹配列表，其包括根路由、二級路由和三級路由，二級路由包括登錄頁面和布局頁面，三級路由包括首頁；
步驟S200：web端創建菜單，根據不同層級加載路由的方式，指定不同層級菜單的組件路徑；所述菜單包括菜單名稱、權限標識、訪問路徑、組件路徑、圖標樣式、重定向路徑、排序、狀態和類型；
步驟S300：用戶登錄，服務端獲取角色權限對應的路由數據并返回前端；
步驟S400：前端通過路由懶加載方法將路由數據中的組件字符串轉換為對象，根據映射規則將不同層級的路由與組件建立映射；所述映射規則為：
根路由，映射router-view/占位符；
二級路由，映射組件從低到高分別為可渲染組件、layout組件；
三級路由，映射組件從低到高分別為可渲染組件、layout組件、router-view/?占位符；
四級路由，映射組件從低到高分別為可渲染組件、layout組件、router-view/占位符、router-view/占位符；
步驟S500：前端依據vue-router的addRoutes方法動態加載路由，得到處理后的路由表；
步驟S600：瀏覽器將處理后的路由表呈現給用戶終端。
下載完整專利技術內容需要扣除積分，VIP會員可以免費下載。
該專利技術資料僅供研究查看技術是否侵權等信息，商用須獲得專利權人授權。該專利全部權利屬于四川虹魔方網絡科技有限公司，未經四川虹魔方網絡科技有限公司許可，擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作，請聯系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/202110571278.4/1.html，轉載請聲明來源鉆瓜專利網。
- 上一篇：一種條狀物包裝自動包裝下料漏斗
- 下一篇：一種立體庫
