国产亚洲精品福利在线无卡一,国产精久久一区二区三区,亚洲精品无码国模,精品久久久久久无码专区不卡

當前位置: 首頁 > news >正文

網站開發(fā)需要的編程軟件杭州百度快速排名提升

網站開發(fā)需要的編程軟件,杭州百度快速排名提升,wordpress密碼字典,佛山網站建設公司排行之前有人問我 ,如果是二級路由如何添加,這里我做一個補充吧。直接拿方法去用就行。也不做解釋了。稍微看下就能看懂了 假設,后端返回給我們一個數據 [“/defa”,"/defa/defa1"] 這樣的一個路由表,我們就需要通過這個路…

之前有人問我 ,如果是二級路由如何添加,這里我做一個補充吧。直接拿方法去用就行。也不做解釋了。稍微看下就能看懂了

假設,后端返回給我們一個數據 [“/defa”,"/defa/defa1"] 這樣的一個路由表,我們就需要通過這個路由表去篩選匹配我們的動態(tài)路由,然后在進行添加。假設我們的動態(tài)路由是

[{path: "/defa",name: "defa",component: () => import("@/views/DefaCat.vue"),children: [{path: "/defa/fase1",name: "homelist1",component: () => import("@/views/UserZi.vue"),},{path: "/defa/fase9",name: "homelist9",component: () => import("@/views/UserZi.vue"),},],},{path: "/defa/fase2",name: "homelist2",component: () => import("@/views/UserZi.vue"),},
];

這樣的一組數據,按照后端返回給我們的數據表,我們最終要拿到的數據是。

[{path: "/defa",name: "defa",component: () => import("@/views/DefaCat.vue"),children: [{path: "/defa/fase1",name: "homelist1",component: () => import("@/views/UserZi.vue"),},],},
];

這樣才符合我們的設計需要,所以這里添加了一個方法,能夠篩選出符合我們的代碼,注意,這有2個弊端,第一,是當你父路由不存在后端的路由表而子路由存在時,子路由照樣會被剔除掉,第二解釋,只能篩選2層,也就是說動態(tài)路由里只有父路由子路由,多的無法篩選了。

const filterRoutes = (targetPaths:any, sourceRoutes:any) => {return sourceRoutes.map((route:any) => {const filteredChildren = route.children? route.children.filter((child:any) => targetPaths.includes(child.path)): [];return {...route,children: filteredChildren,};}).filter((route:any) => route.children.length > 0 || targetPaths.includes(route.path));
};

函數接收2個參數,第一個參數是后端傳給我的路由表[“/defa”,"/defa/defa1"] ,第二個參數就是前端定義的整個的動態(tài)路由,函數的返回值就是我們的數據啦。我們可以根據這個數據動態(tài)添加路由或者是導航欄的權限控制

簡易版的動態(tài)添加路由,可以作為參考,這里沒有加入token是否存在的邏輯。

router.beforeEach((to, from, next) => {console.log(to.name, 99);if (!to.name) {filterRoutes(arrlist,routerlist).map((item: any) => {router.addRoute(item);  });next({ ...to, replace: true });} else {next();}next();
});

現在來說應該算是完全好了,這個這個權限組件,這里我們前端做的事情太多了,可以把活適當的分一點給后端,讓后端傳我們能直接用的路由表,不是更爽嗎 哈哈。

我看哪天有時間,我會出一版封裝好的有權限管理的vue3框架,包括路由權限和導航欄權限都會封裝好,開箱即用。

http://aloenet.com.cn/news/44444.html

相關文章:

  • dw網站制作效果怎么做html網頁制作模板
  • 企業(yè)網站色彩搭配手機怎么制作網站
  • 公司建站多少錢電腦優(yōu)化用什么軟件好
  • 自己做的網站如何在百度搜到自助建站官網
  • 移動網站開發(fā)教程下載重慶seo報價
  • 怎么打開自己做的網站視頻剪輯培訓
  • 網站 做實名認證嗎域名注冊阿里云
  • 如何做cad圖紙模板下載網站軟文代寫多少錢一篇
  • 成都網站建設優(yōu)惠活動免費站長統計工具
  • 網站手機版后臺網絡營銷和網絡推廣
  • 關于加強門戶網站建設ip域名解析查詢
  • 新手做網站的注意事項百度推廣公司怎么代理到的
  • 免費網站安全軟件大全蘋果版鄭州優(yōu)化網站關鍵詞
  • 用ps做網站網頁石家莊seo按天扣費
  • 生鮮電商網站建設百度指數查詢官方網
  • 網站做超鏈接薪資多少一個月如何創(chuàng)建網站
  • 做外銷網站關鍵詞密度
  • 高水平網站運營托管百度seo優(yōu)化關鍵詞
  • 做集團網站的營銷型網站的類型有哪些
  • 做網站可以提些什么意見seo標題優(yōu)化的方法
  • 寺廟網站開發(fā)文案長春seo培訓
  • 深圳網站建設公司設計推廣產品的方法和步驟
  • 企業(yè)有域名怎么做網站網頁seo是什么意思
  • 免費建設網站制作品牌軟文案例
  • 做外貿在哪個網站凡科建站
  • 網站建設柳市手機百度2022年新版本下載
  • 門戶網站模板 html市場營銷的對象有哪些
  • 網站建設中其他可能的問題b站推出的短視頻app哪個好
  • 淘寶上做網站國際新聞直播
  • 手機網站用什么域名盤多多搜索引擎入口