vue-admin-element中的动态加载路由怎么实现


本篇内容主要讲解“vue-admin-element中的动态加载路由怎么实现”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue-admin-element中的动态加载路由怎么实现”吧!先看一下 vue-admin-element 的目录,对于新手来说,看明白项目的目录很重要,这些目录都是自动生成的我们要动态生成路由,就得有接口,从接口里面获取路由信息,然后把这些信息动态添加到路由上展示出来就ok了,仔细看一下这些数据,不难发现,里面有component组件,这组件后台是没有办法传过来的,需要前端自己转换,下面会详细提到登录页面是自带的且固定的,所以我们就在登录的时候调用接口,这样登录进去之后就直接看到左侧菜单了,下面在登录页面请求的接口,我们把拿到的数据存到 session 里面,这是为了刷新数据不丢失,可以看到这里面有个 menu方法,这个方法就是 1.里面说的,转化 component组件的方法这是我们后端传来数据,每个项目数据不一样,所以大家重点看红色框框圈起来的地方就好了,其他的仅供参考在 main.js加一段代码就行了,这样子就大功告成了上述步骤都完成后,菜单栏也就是侧边栏是不会显示的,我们需要把数据放到侧边栏免费云主机域名里面,其他的都不动,就把 routes 数据换成我们缓存里的数据就行了到此,相信大家对“vue-admin-element中的动态加载路由怎么实现”有了更深的了解,不妨来实际操作一番吧!这里是百云主机网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

相关推荐: 怎么利用Python实现批量打包程序的工具

这篇文章主要介绍“怎么利用Python实现批量打包程序的工具”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“怎么利用Python实现批量打包程序的工具”文章能帮助大家解决问题。pyin免费云主机域名staller打包程序…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/28 20:55
下一篇 03/28 20:56

相关推荐