当前位置: 首页 > article >正文

UNIAPP 动态菜单实现方法

1. 封装tabbar组件,组件UI使用uview的tabbar

  • allList 定义出全部的菜单 
  • list 定义当前用户能看到的菜单
  • 使用 u-tabbar 渲染出来 list

2. 权限判断处理

 

3. 使用方式

在 tab 页,底部放入该 tab 组件,并设置当前回显的页面,这里使用了根据页面name回显的方式。

由于这里是动态菜单,所以菜单的位置不太确定,所以name非常合适。

4. 菜单数据缓存

由于每次都是新请求权限接口,会造成不必要的性能损耗。所以前端这里缓存一下。

  • 菜单数据存入缓存中
  • 下次直接从缓存中拿

  • 每次打开小程序的时候清空该缓存

 


http://www.kler.cn/news/331743.html

相关文章:

  • Nginx性能优化全攻略:打造高性能Web服务器
  • 订餐点餐|订餐系统基于java的订餐点餐系统小程序设计与实现(源码+数据库+文档)
  • C# 构造方法执行流程深度解析:从实例化到对象初始化
  • ElasticSearch 备考 -- 备份和恢复
  • 通过ProviewR在ARMxy边缘计算网关上实现能源管理
  • 【HarmonyOS NEXT】实现防截屏功能
  • 《Linux从小白到高手》理论篇(十二):深入理解Linux的计划任务/定时任务
  • SpringBoot整合JPA 基础使用
  • 【PHP陪玩系统源码】游戏陪玩系统app,陪玩小程序优势
  • 《深度学习》OpenCV 指纹验证、识别
  • Python操作MongoDB
  • CSS 圆形边框与阴影
  • “衣依”服装销售平台:Spring Boot技术实践与创新
  • [CSP-J 2021] 插入排序
  • react crash course 2024(8) useEffect
  • 【单片机】单片机map表详细解析
  • 【Rust网络编程】开发一个图片代理和统计服务
  • SolveigMM Video Splitter方便快捷视频分割合并软件 V3.6.1309.3-供大家学习研究参考
  • 【基于布尔的盲注】
  • OpenAI o1与GPT-4o究竟强在哪里