关于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' 是也能选中首页高亮。

但是!但是! 但是!

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

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

相关推荐
WYiQIU16 小时前
11月面了7.8家前端岗,兄弟们12月我先躺为敬...
前端·vue.js·react.js·面试·前端框架·飞书
谢尔登16 小时前
简单聊聊webpack摇树的原理
运维·前端·webpack
娃哈哈哈哈呀17 小时前
formData 传参 如何传数组
前端·javascript·vue.js
zhu_zhu_xia18 小时前
vue3+vite打包出现内存溢出问题
前端·vue
tsumikistep18 小时前
【前后端】接口文档与导入
前端·后端·python·硬件架构
5134959218 小时前
Vite环境变量配置
vue.js
行走的陀螺仪18 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_9284115619 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger19 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
谢尔登19 小时前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化