uniapp中多角色导致tabbar过多的解决方式

embedded/2024/11/17 22:16:39/

由于项目时间较紧张,找了很多却没找到特别合适的方法,最后使用了此方式。

一、自己封装tabbar组件

这里就不介绍怎么封装了,先说一下缺点:

1.跳转会有白屏问题(并且搜了好多资料以及查看官网发现没有特别合适的方法,当然也有可能是我搜的太少了)。

解决方式:

采用v-show指令来解决,当tab在a页面时,则显示页面中的a部分程序;当tab在b页面时,则显示页面中b部分的程序。

这里并没有跳转,变动的只有某一个变量。

2.跳转后左上角会有返回按钮

解决方式:采用以下跳转方式

// 关闭 当前 界面并跳转到其他界面
uni.redirectTo({url:'./home/index'
})// 关闭 所有 页面并跳转到其他页面
uni.reLaunch({url:'./home/index'
})

3.当使用这种跳转方式后会发现左上角又返回键变成home键

解决方式:

uni.hideHomeButton()

这是目前发现的缺点,其中后两个有解决方式

二、采用指令解决

这种方式光靠标题看着可能有些抽象,没关系,这里介绍一下,其实也不是特别好的一个方式,如果有更好的方式可以评论一下哈。

我这个项目中包含3个角色:a、b、c;一共需要6个tab,但最多只能5个。

a角色有3个tab,2个公共的,1个私有的;

b角色有3个tab,2个公共的,1个私有的;

c角色有4个tab,2个公共的,2个私有的;

于是我将c角色其中第一个私有的页面程序放到了b角色的私有页面中,通过角色id来结合v-if指令判断这个私有页面应该显示什么。

可以使用这个方法来修改页面的标题

uni.setNavigationBarTitle({title: '页面标题'
})

其实这里跟 自己封装tabbar组件 的第一个问题的解决方式类似。

到这里就结束了,如果有更好的解决方式可以评论一下哈!!!


http://www.ppmy.cn/embedded/138361.html

相关文章

分享 | 中望3D 2025发布会提及的工业数字化MBD是什么?

本文为CAD芯智库原创,未经允许请勿复制、转载! 原文转自:www.xwzsoft.com/h-nd-487.html 今年中望CAD/中望3D 2025版新品发布会上,中望产品规划与GTM中心总监胡其登先生的专题演讲——《基于模型的CAx一体化研发管理平台&#xff…

正则表达式常用字符

基础正则 ^:开头字符 $:结尾字符 ^$:空行 .:任意一个字符 *:前一个字符连续出现0次或以上 .*:所有 []:括号中的任意一个字符 [a-z] [a-zA-Z0-9] [a-zA-Z0-9] [^]:除括号内以外的字符 扩展正则 |:或 ssh|telnet|http ():表示整体 ^(ssh|telnet|http)^ssh|^telnet|^ht…

ranger-kms安装

默认已安装ranger-admin和mysql服务。Ranger组件服务默认都在/opt/bigdata.test/core/ranger目录下安装。 解压安装包 [hadoop~]$ cd /opt/ranger [hadoop ranger]$ tar -xzvf ranger-2.1.0-kms.tar.gz [hadoopx ranger]$ mv ranger-2.1.0-kms ranger/ranger-kms 修改instal…

【LeetCode】每日一题 2024_11_15 最少翻转次数使二进制矩阵回文 I(模拟、矩阵遍历(竖着遍历))

前言 每天和你一起刷 LeetCode 每日一题~ 决定在前言里面加上新内容!新增模块:“本期看点” 本期看点:如何竖着遍历矩阵? LeetCode 启动! 题目:最少翻转次数使二进制矩阵回文 I 代码与解题思路 先读题…

MinIO 的 S3 over RDMA 计划: 为高速人工智能数据基础设施设定对象存储新标准

随着 AI 和机器学习的需求不断加速,数据中心网络正在迅速发展以跟上步伐。对于许多企业来说,400GbE 甚至 800GbE 正在成为标准选择,因为数据密集型和时间敏感型 AI 工作负载需要高速、低延迟的数据传输。用于大型语言处理、实时分析和计算机视…

【CubeMX-HAL库】STM32H743II——SDRAM配置所遇问题

使用FMC访问外部地址时,必须配置MPU(内存保护单元)! 推荐的博客和视频: 1、【CubeMX-HAL库】STM32H743—FMC配置SDRAM_stm32h743 sdram 速度-CSDN博客 2、【【STM32CubeMX教程】STM32全外设原理、配置和常用HAL、LL库API使用详解】 3、在…

网上商城开发:Spring Boot技术指南

2 相关技术 2.1 SpringBoot框架介绍 Spring Boot是一种不需要代码生成的一种框架,并且可以不需要配置任何的XML文件就可以,因为Spring Boot里面自带了很多接口,只需要配置不同的接口就会自动的应用并且识别需要的依赖,在配置方面非…

Redisson的可重入锁

初始状态: 表示系统或资源在没有线程持有锁的情况下的状态,任何线程都可以尝试获取锁。 线程 1 获得锁: 线程 1 首次获取了锁并进入受保护的代码区域。 线程 1 再次请求锁: 在持有锁的情况下,线程 1 再次请求锁&a…