本文介绍了如何在 vue-admin-element 项目中实现动态加载路由。首先，通过后台接口获取路由信息并存储到session中，以确保刷新后数据不丢失。在登录时调用接口，将数据转化为前端可用的组件。特别地，针对后端传来的数据，需要转换component组件。在main.js中添加代码处理刷新问题，并将缓存的路由数据应用到侧边栏，最终实现动态菜单的显示。
以下如有不足，欢迎各位大佬指正
先看一下 vue-admin-element 的目录，对于新手来说，看明白项目的目录很重要，这些目录都是自动生成的
1.思路，我们要动态生成路由，就得有接口，从接口里面获取路由信息，然后把这些信息动态添加到路由上展示出来就ok了，仔细看一下这些数据，不难发现，里面有 component 组件，这组件后台是没有办法传过来的，需要前端自己转换，下面会详细提到
2. 后台第一个页面就是登录页面，登录页面是自带的且固定的，所以我们就在登录的时候调用接口，这样登录进去之后就直接看到左侧菜单了，下面在登录页面请求的接口，我们把拿到的数据存到 session 里面，这是为了刷新数据不丢失，可以看到这里面有个 menu 方法，这个方法就是 1. 里面说的，转化 component 组件的方法
最低0.47元/天 解锁文章
扫一扫
343
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
