关于vant 的tabbar功能

news2024/11/20 7:20:38

1、想要实现tabbar页面A,其他的页面B(非tabbar页面)。

从A页面进入B页面,底部的active选中效果应该被取消掉,但是还是选中A。
按照官网的说法有两个方法

一、根据path路径

二、自定义的model

但是!但是! 但是!

path路径设置时 如下,‘ / ’ 默认路径也是home页面,就会导致刚进入页面不能直接选中/home 首页的高亮显示。如果将 to=' home'改为 to = ' / ' ,那么在点击tabbar时,就会无法再次选中首页高亮。

如果用的是v-mode=" active ",那从首页进入其他B页面(非tabbar)页面  高亮显示应该给取消掉,但是还会选中之前的home页面,从而达不到预期,所以出现麻烦事了,试了各种方法都没有达到预期,没有达到效果。
三、使用tabbar的页面单独引入

 <allTabbar :active="0" />

这样才能达到想要的效果,初始化时无论从哪个页面进入都有选中效果,如果是非tabbar页面则不选中,如果是 ‘ / ’或者 ’ /home‘ 是也能选中首页高亮。

但是!但是! 但是!
总是觉得第三种方法有点不好用,代码反而啰嗦了。

各位弟兄姊妹们,还有其他好用的方法吗?期待。。。。。。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1109306.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

孩子近视了用什么台灯好呢?对视力友好的护眼台灯推荐

对于很多家里有孩子写作业、或者夜晚需要面对电脑或手机屏幕加班写文案、搞剪辑等工作的朋友&#xff0c;一款“好”的台灯不仅可以保护眼睛、缓解视疲劳&#xff0c;而且还能够更贴心与智能&#xff0c;提升工作效率。最近总结了一期非常好用的护眼台灯&#xff0c;希望可以给…

如何恢复红米手机删除的照片/文件?(亲测有效的6 种方式)

如何恢复红米手机删除的照片/文件&#xff1f;&#xff08;亲测有效的6 种方式&#xff09; 凭借出色的相机和实惠的价格&#xff0c;小米红米系列已成为全球知名品牌。但是&#xff0c;最近有人抱怨说他们的红米手机丢失了很多珍贵的照片或视频&#xff0c;希望知道如何从小米…

Scrum敏捷开发方法

什么是Scrum敏捷开发方法&#xff1f; Scrum是一种广泛使用的敏捷开发方法&#xff0c;旨在提高软件开发和项目管理的效率。Scrum强调迭代、协作、自组织和透明度&#xff0c;使团队能够更好地应对不断变化的需求和复杂性。Scrum方法的核心思想是通过一系列短期周期来交付功能…

创建线程的四种方法(Java)

目录 一、继承 Thread类 二、实现Runnable接口 三、实现Callable接口 四、使用线程池 一、继承 Thread类 创建一个类 Thread 类&#xff0c;并重写run()方法&#xff0c;通过start()启动线程。以继承的方式创建的线程可以使用当前类来获取线程的名称、状态、优先级等相关信…

PXIE板卡,4口QSFP+,PCIE GEN3 X8,XILINX FPGA XCVU3P设计

PXIE板卡&#xff0c;4口QSFP&#xff0c;PCIE GEN3 X8&#xff0c;基于XILINX FPGA XCVU3P设计。 1&#xff1a;电路拓扑 ● 支持利用 EEPROM 存储数据&#xff1b; ● 电源时序控制和总功耗监控&#xff1b; 2&#xff1a;电路调试 3&#xff1a;测试 PCIE gen3 x8&#…

通讯协议学习之路:SPI协议理论

通讯协议之路主要分为两部分&#xff0c;第一部分从理论上面讲解各类协议的通讯原理以及通讯格式&#xff0c;第二部分从具体运用上讲解各类通讯协议的具体应用方法。 后续文章会同时发表在个人博客(jason1016.club)、CSDN&#xff1b;视频会发布在bilibili(UID:399951374) 序、…

同一网段内两台电脑ping不通,诡异问题记录

今天发现了个诡异的问题&#xff0c;和锐捷技术倒腾了半天&#xff0c;记录一下。 症状&#xff1a; 如图&#xff08;简单画了下&#xff09;&#xff0c;pc1 到 网络打印机 10.64.253.184 &#xff0c;就是ping不通... 但是在交换机上&#xff0c;在路由器上&#xff0c;在…

企业数据安全组织建设

PS:内容均为个人学习及实践积累所得&#xff01; 前言&&背景 企业数据安全组织团队的建设非常重要。 首先,数据是企业最重要的资产和核心竞争力。如果数据泄露或遭到破坏,将直接威胁企业的生存。因此,数据安全事关企业的生存和发展。建立专业的数据安全团队,可以系统…

多云系列|10个关键的多云战略:云计算成本的完整可视性

了解和控制你的云计算支出是每个企业都会遇到的一个难题。根据IDC最近的一项研究&#xff0c;IT决策者面临的首要挑战之一是控制云计算成本。对于大多数企业来说&#xff0c;问题在于他们所有的云资源没有完全的可视性。这可能是由于其他部门绕过IT部门为其开发项目进行支出&am…

论坛介绍|COSCon'23 区块链(B)

众多开源爱好者翘首期盼的开源盛会&#xff1a;第八届中国开源年会&#xff08;COSCon23&#xff09;将于10月28-29日在四川成都市高新区菁蓉汇举办。本次大会的主题是&#xff1a;“开源&#xff1a;川流不息、山海相映”&#xff01;各位新老朋友们&#xff0c;欢迎到成都&am…

【论文复现】基于多模态深度学习方法的单细胞多组学数据聚类(【生物信息学】实验二:多组学数据融合:scMDC)

目录 一、实验介绍 1. 论文&#xff1a;基于多模态深度学习方法的单细胞多组学数据聚类 Abstract 2. Github链接 二、实验环境 0. 作者要求 1. 环境复现 实验一 实验二&#xff08;本实验&#xff09; 2. 库版本介绍 实验一 实验二 3. IDE 三、实验内容 1. 用法…

Linux高性能服务器编程——ch4笔记

第4章 TCP/IP 通信案例&#xff1a;访问 Internet 上的Web 服务器 4.1 实例总图 4.2 部署代理服务器 客户端和目标服务器之间可能存在多个代理服务器。 正向代理&#xff1a;要求客户端自己设置代理服务器的地址。 反向代理&#xff1a;设置在服务器端。 透明代理&#xff1…

JavaScript从入门到精通系列第二十一篇:JavaScript中的原型对象详解

文章目录 前言 一&#xff1a;原型对象 1&#xff1a;什么是原型对象 2&#xff1a;原型对象的作用 3&#xff1a;通过原型对象实现工厂方法 二&#xff1a;原型对象咋说 1&#xff1a;in和原型对象 2&#xff1a;hasOwnProperty()函数 3&#xff1a;hasOwnProperty()来…

armbian安装gcc、g++

文章目录 安装GCC安装G 安装GCC 打开终端&#xff0c;更新软件包列表&#xff1a; sudo apt update安装GCC&#xff1a; sudo apt install gcc如果需要安装特定版本的GCC&#xff0c;可以使用以下命令&#xff1a; sudo apt install gcc-<version> # sudo apt install g…

苹果手机怎么查找对方手机位置?学会这2个方法足够了!

查找功能是什么&#xff1f;相信使用苹果手机的用户都不陌生。苹果手机的查找功能可以帮助您精准定位设备的位置。当您的手机丢失且无法找回时&#xff0c;那么查找功能就可以发挥它的用处了。 定位自己的手机&#xff0c;大家都知道怎么做。那么&#xff0c;苹果手机怎么查找…

关于opencv的contourArea计算方法

cv::contourArea计算的轮廓面积并不等于轮廓点计数&#xff0c;原因是cv::contourArea是基于Green公式计算 老外的讨论 github 举一个直观的例子&#xff0c;图中有7个像素&#xff0c;橙色为轮廓点连线&#xff0c;按照contourArea的定义&#xff0c;轮廓的面积为橙色所包围…

如何调整模型缩放比例

1、缩放模型的几种方法 在3D建模软件中&#xff0c;通常有几种方式可以缩放模型。以下是两种常见的方法&#xff1a; 使用缩放工具&#xff1a;大多数3D建模软件都提供了缩放工具&#xff0c;可以通过选择模型并使用该工具来进行缩放。通常&#xff0c;您可以在工具栏或菜单中…

vivado 脚本使用——loogarch指令集 实验exp6

首先从Window-tcl console 调出终端 然后执行进入指定目录 也就是run_vivado 目录 然后打开Tools——Run Tcl script&#xff0c;执行create_project.tcl文件&#xff0c;静待完成。

1、Flowable基础

Flowable是BPMN的一个基于java的软件实现&#xff0c;不过Flowable不仅仅包括BPMN&#xff0c;还有DMN决策表和CMMN Case管理引擎&#xff0c;并且有自己的用户管理、微服务API等一系列功能&#xff0c;是一个服务平台。 官方手册&#xff1a;https://tkjohn.github.io/flowab…

21款奔驰GLS400升级小柏林音响 无损音质 无损安装

小柏林之声音响是13个喇叭1个功放&#xff0c;功率是590W&#xff0c;对应普通音响来说&#xff0c;已经是上等了。像著名的哈曼卡顿音响&#xff0c;还是丹拿音响&#xff0c;或者是BOSE音响&#xff0c;论地位&#xff0c;论音质柏林之声也是名列前茅。 升级小柏林音响&…