7. 分析路由配置項router · vue.js

[參考](https://www.cnblogs.com/heyinwangchuan/p/7661833.html) ~~~ import Layout from "@/Layout"; //引入組件用于compontent使用（可傳多個） export default { path: "/FZSC", // 瀏覽器后綴 name: "FZSC", //給路由命名 meta: { sysName: "輔助審查", siteName: "輔助審查", navTitle: "輔助審查", weight: 1, // 權重 icon: "icon-guihuashencha", access: [] // 未來用于權限過濾 }, redirect: "/FZSC/ResultReview", //從定向到指定地址 component: Layout,// 命名視圖組件要加載的組件 children: [ //二級路由 { path: "ResultReview", name: "ResultsReview", meta: { //路由參數配置 siteName: "成果審查", navTitle: "成果審查", icon: "icon-fuzhufenxigongju-" }, redirect: { name: "RVLandSpacePlanning" }, // component: () => import("FZSC/ResultReviewOld"), component: () => import("FZSC/ResultReview"), children: [ { path: "ResultExamine", name: "ResultExamine", meta: { siteName: "成果審查", navTitle: "任務數據", notCategory: true }, component: () => import("FZSC/ResultExamine") }, { path: "RVLandSpacePlanning", name: "RVLandSpacePlanning", meta: { siteName: "成果審查", navTitle: "國土空間規劃", icon: "icon-guotukongjianguihua" }, component: () => import("FZSC/ResultReview/TreeCategoryView") }, { path: "RVSpecialPlanning", name: "RVSpecialPlanning", meta: { siteName: "成果審查", navTitle: "專項規劃", icon: "icon-zhuanxiangguihua" }, component: () => import("FZSC/ResultReview/TreeCategoryView") }, { path: "RVDetailedPlanning", name: "RVDetailedPlanning", meta: { siteName: "成果審查", navTitle: "詳細規劃", icon: "icon-xiangxiguize" }, component: () => import("FZSC/ResultReview/TreeCategoryView") } ] }, { path: "ResultManager", name: "ResultManager", meta: { siteName: "成果管理", navTitle: "成果管理", disabled: false, icon: "icon-fuzhufenxigongju-" }, redirect: { name: "RMLandSpacePlanning" }, component: () => import(/* webpackChunkName: "ResultsManagement" */ "FZSC/ResultManager"), children: [ { path: "RMLandSpacePlanning", name: "RMLandSpacePlanning", meta: { siteName: "成果管理", navTitle: "國土空間規劃", icon: "icon-guotukongjianguihua" }, component: () => import("FZSC/ResultManager/ResultManagerContent") }, { path: "RMSpecialPlanning", name: "RMSpecialPlanning", meta: { siteName: "成果管理", navTitle: "專項規劃", icon: "icon-zhuanxiangguihua" }, component: () => import("FZSC/ResultManager/ResultManagerContent") }, { path: "RMDetailedPlanning", name: "RMDetailedPlanning", meta: { siteName: "成果管理", navTitle: "詳細規劃", icon: "icon-xiangxiguize" }, component: () => import("FZSC/ResultManager/ResultManagerContent") } ] } // { // path: "/FZSC/ResultCatalog", // name: "ResultCatalog", // meta: { // navTitle: "成果目錄", // disabled: false, // icon: "icon-fuzhufenxigongju-" // }, // component: () => // import(/* webpackChunkName: "ResultsManagement" */ "FZSC/ResultCatalog") // } ] }; ~~~