基于Vue的多級(jí)路由動(dòng)態(tài)加載的實(shí)現(xiàn)方法

基本信息

申請(qǐng)?zhí)?/td> CN202110571278.4 申請(qǐng)日 -
公開（公告）號(hào) CN113254100A 公開（公告）日 2021-08-13
申請(qǐng)公布號(hào) CN113254100A 申請(qǐng)公布日 2021-08-13
分類號(hào) G06F9/445;G06F16/958 分類 計(jì)算；推算；計(jì)數(shù);
發(fā)明人 吳雙;宋艦;鄧文科;鮮青林;曾輝;黃睿蔥 申請(qǐng)（專利權(quán)）人 四川虹魔方網(wǎng)絡(luò)科技有限公司
代理機(jī)構(gòu) 四川省成都市天策商標(biāo)專利事務(wù)所 代理人 張秀敏
地址 621000 四川省綿陽市高新區(qū)跨境電子商務(wù)產(chǎn)業(yè)園10棟301
法律狀態(tài) -

摘要

摘要 本發(fā)明公開了基于Vue的多級(jí)路由動(dòng)態(tài)加載的實(shí)現(xiàn)方法，前端配置靜態(tài)路由；web端創(chuàng)建菜單，指定不同層級(jí)菜單的組件路徑；用戶登錄，從服務(wù)端獲取角色權(quán)限對(duì)應(yīng)的路由數(shù)據(jù)并返回前端；前端通過路由懶加載方法將路由數(shù)據(jù)中的組件字符串轉(zhuǎn)換為對(duì)象，根據(jù)映射規(guī)則將不同層級(jí)的路由與組件建立映射；前端依據(jù)vue?router的addRoutes方法動(dòng)態(tài)加載路由，得到處理后的路由表；瀏覽器根據(jù)處理后的路由表進(jìn)行展示。本發(fā)明在采用后臺(tái)動(dòng)態(tài)加載路由，只需要在web端創(chuàng)建菜單，當(dāng)用戶登錄后，獲取對(duì)應(yīng)的權(quán)限路由表，前端只需將組件依據(jù)規(guī)則映射成組件對(duì)象即可，易操作且便于維護(hù)。