element-ui 路由动态加载功能

第一步 自定义默认的静态路由像登陆和首页这些一般开放的页面，主要代码如下:

	const router = new Router({routes: [{path: "/login/index",component: () => import("../components/page/login/index.vue"),meta: {title: "登录",keepAlive: true}}, {path: "/",redirect: "/index",component: () => import("../components/page/index/index.vue"),meta: {title: "php平台开发"},children: [{path: "/index",component: () => import("../components/page/index/index.vue"),name: "Home",meta: {title: "首页",keepAlive: true}}]}]});

第二步 在登录的时候从登陆接口获取的路由菜单数据保存到本地的localstorage里面

localStorage.setItem('adminRoutes', JSON.stringify(adminRoutes));    //adminRoutes是从登陆接口成功返回的路由菜单tree数据

第三步 在路由的文件中获取第二步保存的路由菜单数据动态添加路由

let adminRoutes = JSON.parse(localStorage.getItem('adminRoutes'));
//判断如果存在则动态添加路由
if(adminRoutes){adminRoutes.forEach(function (item, index) {let menu = item.menu;menu.forEach(function (item_data,key){console.log(item_data); //输出数组的每一个元素})})
}

第四步 明天写