美文网首页
VUE动态路由解决方案,通过接口请求动态定制您得页面!

VUE动态路由解决方案,通过接口请求动态定制您得页面!

作者: 心淡然如水 | 来源:发表于2018-12-14 10:30 被阅读102次

    学习vue有一段时间了,一直没有整理过什么问题得解决方案!实在有亏程序员得称呼!路漫漫其修远兮,我们应该相互帮助!今天就分享一下最近雇主提出来得奇葩需求得解决方案!

    相信大家在做后台管理系统得时候会经常用到权限管理,一般得权限管理都可以通过vue-router进行控制有没有权限进行跳页!但是我们这次要做得是通过后台接口来配置页面得路由,路由生成是接口来配置得!之前确实没有解决的办法,但vue-router 2.2版本新增了一个router.addRoutes(routes)方法,让动态路由得以实现。

    话不多说直接上代码:

    在路由里初始化一个首页,大家可以通过不同需求自己定制那几个页面是必有得!假定我这个是登陆页面!

    通过登陆事件来调用接口,获取登陆需要得页面数据然后进行动态路由数组得生成!注意一下!一定要在import() 加上``再进行赋值,否则会报安全性错误!然后就可以打包发布!完全可以正常访问动态生成得页面!(注:页面路由得路径一定要找对!

    import(`../${item.component}`) 备注修改一下 这样写才会生效 否侧会找不到加载得页面路由

    本文原创!转载注明出处!否则追究法律责任哟!

    相关文章

      网友评论

          本文标题:VUE动态路由解决方案,通过接口请求动态定制您得页面!

          本文链接:https://www.haomeiwen.com/subject/znywhqtx.html