for(i in routerList.Router){ item = routerList.Router[i] // 如果path是'/'说明是默认加载 let routerPath = (item.path === '/') ? '/'+item.name : item.path //如果存在children,说明有子路由 if(item.children){ for(j in item.children){ item_ = item.children[j] obj_ = { path: item_.path, name: item_.name, meta: {title: item_.title, requireAuth: item_.requireAuth}, component: resolve => require(['../components/'+item_.name+'.vue'], resolve) } routes_.push(obj_) } childrenRoutes = routes_ } else { childrenRoutes = [] } obj = { path: item.path, name: item.name, meta: {title: item.title, requireAuth: item.requireAuth}, component: resolve => require(['../components'+routerPath+'.vue'], resolve), children: childrenRoutes } routes.push(obj) }const router = new VueRouter({routes})
export default router
---------------------------END--------------------------------这样写的好处就是,每次加载页面只需要在JSON文件里面添加JSON数据就可以了,支持多父子路由分配。JSON数据格式如下:{path:'/init',name:'init',title:'通用加载页',requireAuth:false,children:[ {path: '/init/home', name:'home', title:'主页面',requireAuth:false} ]}--上述代码亲测可用。希望爱好研究VUE的小伙伴一起来研究!!QQ:836059265
vue路由智能加载,起始篇
最新推荐文章于 2024-04-08 13:15:56 发布