RuoYi-Vue菜单添加多级目录

时间:2024-03-27 17:54:44

配置多级目录需要先在代码放开组件路径标签(操作完后记得还原)

RuoYi-Vue菜单添加多级目录

将红框代码先删除,我们需要给目录配置组件路径。form.menuType == 'C'是判断菜单。

RuoYi-Vue菜单添加多级目录

路由地址first为例

RuoYi-Vue菜单添加多级目录

确定后刷新可以看见新增的目录

RuoYi-Vue菜单添加多级目录

在一级目录下再添加一个目录

RuoYi-Vue菜单添加多级目录

RuoYi-Vue菜单添加多级目录

在二级目录下添加菜单

RuoYi-Vue菜单添加多级目录

RuoYi-Vue菜单添加多级目录

手动在二级目录的根文件下添加一个 <router-view>

RuoYi-Vue菜单添加多级目录

刷新页面,效果完成

RuoYi-Vue菜单添加多级目录

再添加一个

RuoYi-Vue菜单添加多级目录

RuoYi-Vue菜单添加多级目录

RuoYi-Vue菜单添加多级目录

参考系统管理中的日志管理

RuoYi-Vue菜单添加多级目录

参考资料

RuoYi-Vue菜单添加多级目录