写在最前面。每次重复写路由是不是觉得很烦,尤其是项目大的时候,路由会多到连看都看不到,所以我这里有个router.json配置文件,做一些简单的配置在路线上,然后路线和左侧菜单栏可以同时自动生成。router.json的主要配置项如下:{"name":"routerConfig","menu":[{"id":"1",//路由id,不能重复"name":"home",//路由名称"path":"/homePage",//路由路径"label":"HomePage",//菜单标题"selected":true,//默认选中"icon":"el-icon-monitor",//菜单显示图标"open":true,//默认打开"component":"homePage/homePage.vue",//组件路由"children":[//submenu{"id":"3","name":"getCover","path":"/getCover","label":"CoverCapture","selected":false,"icon":"el-icon-scissors","open":false,"component":"getCover/getCover.vue","children":[]}]},{"id":"2","name":"testPage","path":"/testPage","label":"Test","selected":false,"icon":"el-icon-setting","open":false,"component":"test/test.vue","children":[]},{"id":"5","name":"testMenu","path":"/testMenu","label":"菜单测试","selected":false,"icon":"el-icon-setting","open":false,"组件t":"testMenu/testMenu.vue","children":[]}]}配置主要分为两部分,一部分是菜单生成,一部分是路由生成。当然,两者都他们也共享一些路由生成importVuefrom'vue'importVueRouterfrom'vue-router'importrofrom"element-ui/src/locale/lang/ro";Vue.use(VueRouter)//引入配置文件router.jsonletrouterMenu=require('@/config/router.json');routerMenu=routerMenu.menu;letmenu=[];//配置路由letformatRoute=function(routerMenu,menu){for(leti=0;i
