routes() */
/*去除裡面的不是item.hidden是隱藏的屬性*/
const showingmenu = staticroutes.filter(item => !item.hidden);
/*拿出所有的選單*/
let menu = ;
let pnames = new set();
/*for迴圈得出所需要的結構 列印出所有的結構*/
for (const item of showingmenu) else );
}/*如果pnames有大選單 */
} else if (!pnames.has(item.meta.pname)) ));
if (property == 1 && (item.meta.pname == "結算管理" )||(item.meta.pname == "資料分析"))
else);
pnames.add(item.meta.pname);}}
}return menu;
},
statusrouter
/*各個路由模組的建立*/
import home from "@/views/home/home";
import globallayout from "@/layout/globallayout";
import login from "@/views/login/login";
const system_management = "系統管理";
const settlement_management = "結算管理";
const dataanalysis_management = "資料分析";
/*定義路徑的數值 自定義路徑的值*/
export const login_path = "/login";
export const home_path = "/";
/** * 選單配置
* * 引數例子:
* ,* hidden: 是否在選單欄中隱藏,
* component: 元件(按需引入)
* }*//*進行路由設定處理*/
export const staticroutes = [
, component: home
},, component: () => import("@/views/order/order")
},, component: () => import("@/views/task/task")
},, component: () => import("@/views/content/content")
},, component: () => import("@/views/settlement/settlement/settlement")
},, component: () => import("@/views/settlement/transaction/transaction")
},, component: () => import("@/views/detaildata/detaillist/list")
},, props: true,
hidden: true,
component: () => import("@/views/detaildata/detailempty/empty")
},, },
, component: () => import("@/views/detaildata/detailpc/pc")
},, component: () => import("@/views/system/user/userlist")
},, component: () => import("@/views/system/department/department.vue")
},, component: () => import("@/views/system/account/account.vue")
},, component: () => import("@/views/system/dictionary/dictionary")
}];/** * 一級路由
*/export const routes = [
, // ,
, ,
];/** * 非路由選單項圖示
*/export const iconmap = ;
靜態路由 動態路由
靜態路由 靜態路由是指由網路管理員手工配置的路由資訊。當網路的拓撲結構或鏈路的狀態發生變化時,網路管理員需要手工去修改路由表中相關的靜態路由資訊。靜態路由資訊在預設情況下是私有的,不會傳遞給其他的路由器。當然,網管員也可以通過對路由器進行設定使之成為共享的。靜態路由一般適用於比較簡單的網路環境,在這...
靜態路由 動態路由
路由表 路由器的主要工作就是為經過路由器的每個資料報尋找一條最佳的傳輸路徑,並將該資料有效地傳送到目的站點。由此可見,選擇最佳路徑的策略即路由演算法是路由器的關鍵所在。為了完成這項工作,在路由器中儲存著各種傳輸路徑的相關資料 路由表 routing table 供路由選擇時使用,表中包含的資訊決定了...
react 動態修改路由 React 動態路由
封裝乙個高階元件,用來實現將普通的元件轉換成動態元件import react from react const asynccomponent loadcomponent class asynccomponent extends react.component catch err this.state...