RuoYi若依框架的使用(新增侧边栏菜单并可以打开)

2022.12.06今天我学习了如何使用若依框架做一个侧边栏的菜单,并且可以打开对应的页面。

一、菜单管理页面

首先在菜单管理页面新增主目录。

RuoYi若依框架的使用(新增侧边栏菜单并可以打开)_第1张图片

如:

RuoYi若依框架的使用(新增侧边栏菜单并可以打开)_第2张图片 

自己设置一个路由地址。

二、新增子菜单

然后在创建好的主菜单中再新增子菜单。

如:

RuoYi若依框架的使用(新增侧边栏菜单并可以打开)_第3张图片 

组件路径和权限字符的路径一样。

路由地址对应的是router.js文件中的path.。

三、配置router.js路由

RuoYi若依框架的使用(新增侧边栏菜单并可以打开)_第4张图片 

 四、效果

RuoYi若依框架的使用(新增侧边栏菜单并可以打开)_第5张图片

 

 

你可能感兴趣的:(前端,vue.js,javascript)