【TP5.1】获取二级导航

简介: 【TP5.1】获取二级导航

在上一篇我们获取了导航的一级

这一篇文章写导航的二级

需要在创建base控制器,并且继承controoler,其他的控制器继承base

屏幕快照 2022-05-12 上午11.32.33.png

image.png

在这种情况下,我们第一次是肯定不会获取一级导航id的,除非给默认值,但这样做,对后边的程序扩展是很不方便的,所有我们的做法


在页面初始化的时候,获取用户访问的模块,根据用户访问的模块为条件查数据,获取访问路径的权限id


首先需要在ModuleService服务里边写一个根据用户路径获取数据方法

屏幕快照 2022-05-12 上午11.36.04.png

从上图的红框,我们从上往下开始解释:

第一个

我们是需要封装一个通过权限列表的id来获取这条数据的信息,这个方法很简单

image.png

第二个和第三个的用法是一样的

pid是用来判断一级导航的样式

moduleid是用来判断二级导航的样式

屏幕快照 2022-05-12 上午11.36.47.png

相关文章
|
前端开发 JavaScript 数据库
layui联动菜单搜索select表单选项的设置方法
layui联动菜单搜索select表单选项的设置方法
627 0
|
3月前
|
JavaScript
vue尚品汇商城项目-day03【16.开发Search组件模块中的TypeNav商品分类菜单(过渡动画效果)+17.(优化)针对三级菜单联动进行优化,优化方向为减少查询】
vue尚品汇商城项目-day03【16.开发Search组件模块中的TypeNav商品分类菜单(过渡动画效果)+17.(优化)针对三级菜单联动进行优化,优化方向为减少查询】
44 0
路由不跳转,常见流程-----ElementPlus如何点击某页跳转页,el-menu中必须加上router=“true“,否则不跳转,index写完成路由路径就行,后面的router也写完整的
路由不跳转,常见流程-----ElementPlus如何点击某页跳转页,el-menu中必须加上router=“true“,否则不跳转,index写完成路由路径就行,后面的router也写完整的
|
6月前
|
定位技术 API 数据格式
Element UI【详解】el-cascader 级联选择器 - 行政区划选择(可以选择任意一级),限定选择范围,获取并解析选中的节点
Element UI【详解】el-cascader 级联选择器 - 行政区划选择(可以选择任意一级),限定选择范围,获取并解析选中的节点
788 0
|
JavaScript 前端开发
js二级select框
js二级select框
|
8月前
el-cascader组件实现点击、递归勾选联动子集children所有选项被选中。
el-cascader组件实现点击、递归勾选联动子集children所有选项被选中。
饿了么UI中的el-table常见的翻页勾选和序号递增功能实现步骤
饿了么UI中的el-table常见的翻页勾选和序号递增功能实现步骤
342 0
|
前端开发
前端工作总结294-uni-控制整个label区域可选
前端工作总结294-uni-控制整个label区域可选
91 0
前端工作总结294-uni-控制整个label区域可选
|
SQL 测试技术 数据库
【TP5.1】一级导航设置
【TP5.1】一级导航设置
239 0
【TP5.1】一级导航设置
|
数据库
【TP5】select下拉框的默认显示父级
【TP5】select下拉框的默认显示父级
294 0
【TP5】select下拉框的默认显示父级