求助!Vue动态路由配置

本人初识VUE,现在使用vue+ elementUI做一个PC项目,菜单信息放在数据库中【项目重构,直连数据库】,做了权限管理, 根据不同用户登陆后,动态显示不同的菜单,如何实现?? 如有demo能否分享下, 谢谢

看我上个贴子,不过我是内网,有监控不能发demo给你的

有,参考我这个demo

最简单的思路是:
1、点击登录按钮,后台返回用户信息,其中一个数组arr包括了用户的权限信息。将这个arr,字符化,存到localstorage里。
2、自己写函数,解析arr,分别得到一个菜单数组arr_menu 和 路由数组 arr_router_map
3、将arr_menu数组,注入到饿了么的菜单组件,渲染菜单。
4、将arr_router_map数组,注入到 router.addRoutes()中,生成路由配置表
5、在App.vue里,编写created生命周期函数,在里面解析localstorage里的arr,然后重复以上的第2、3、4步骤。
6、总结:贼拉麻烦

公司禁止访问GitHub,好烦。

你们公司的领导,脑袋。。。。。

@handongnet
https://git.dev.tencent.com/nan1010082085/vue-asgin.git

但是我重复如此步骤之后,在“动态路由”的页面刷新后页面为空白,请问您有遇到过吗?

谁都遇到过,因为你没做第5步,肯定这样,第五步就是解决这个问题的。
你看我项目里的代码

感谢您的回复。实在不好意思…你的路线是对的。 我犯了个低级错误,存入本地的时候字符串化了2次,解析了1次。:disappointed_relieved:

哈哈哈哈,找到症结所在就好