vue-element-admin vue-router 动态路由 从服务器动态添加路由

用户登录成功,通过用户角色从服务器获取路由,添加到vue-router中。因为侧边栏存在路由嵌套,所以后端设计数据库时添加父路由id字段,递归获取所有路由数据根据路由格式创建Router类和路由meta信息类RouterMeta路由格式Router类public class Router{ /** id */ private String id; /** 路径 */ private String path; /** 装饰;使用哪个layout
摘要由CSDN通过智能技术生成

用户登录成功,通过用户角色从服务器获取路由,添加到vue-router中。

因为侧边栏存在路由嵌套,所以后端设计数据库时添加父路由id字段,递归获取所有路由数据

根据路由格式创建Router类和路由meta信息类RouterMeta

路由格式

Router类

public class Router{
    /** id */
    private String id;
    /** 路径 */
    private String path;
    /** 装饰;使用哪个layout装饰 */
    private String component;
    /** 路由名字 */
    private String name;
    /** 重定向地址;重定向地址,在面包屑中点击会重定向去的地址 */
    private String redirect;
    /** 是否一直显示根路由 */
    private Boolean alwaysShow;
    /** 是否显示;如果设置为true,项目将不会显示在侧栏中(默认为false) */
    private Boolean hidden;
    /** 父级路由id */
    private String parentId;
    /** 路由顺序 */
    private Integer index;
    /** meta_id */
    private String metaId;

}

RouterMeta类

public class RouterMeta {
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值