关于vant 的tabbar功能

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的页面单独引入

html 复制代码
 <allTabbar :active="0" />

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

但是!但是! 但是!

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

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

相关推荐
white-persist7 分钟前
Burp Suite模拟器抓包全攻略
前端·网络·安全·web安全·notepad++·原型模式
ObjectX前端实验室20 分钟前
【前端工程化】脚手架篇 - 模板引擎 & 动态依赖管理脚手架
前端
GISer_Jing28 分钟前
前端GIS篇——WebGIS、WebGL、Java后端篇
java·前端·webgl
excel36 分钟前
Vue3 EffectScope 源码解析与理解
前端·javascript·面试
不老刘2 小时前
Base UI:一款极简主义的「无样式」组件库
前端·ui
祈祷苍天赐我java之术2 小时前
Redis 有序集合解析
java·前端·windows·redis·缓存·bootstrap·html
ObjectX前端实验室3 小时前
【react18原理探究实践】React Effect List 构建与 Commit 阶段详解
前端·react.js
用户1456775610373 小时前
文件太大传不了?用它一压,秒变合格尺寸!
前端
用户1456775610373 小时前
再也不用一张张处理了!批量压缩神器来了,快收藏
前端
心.c4 小时前
一套完整的前端“白屏”问题分析与解决方案(性能优化)
前端·javascript·性能优化·html