关于使用uview自定义tabbar问题记录_uview设置tabbar中间突起菜单点击后tabbar不消失

作者：很楠不爱3 | 2024-02-11 20:58:02

踩

uview设置tabbar中间突起菜单点击后tabbar不消失

问题描述：
1.tabbar的项可重复点击，想实现点击当前项时，不触发重新跳转。
在uniapp中的自定义tabbar，是以组件形式引入各个页面，每个页面的tabbar都是独立的，没有统一的状态来管理tabbar是否执行重新跳转。问题找到了，使用vuex来记录当前tabbar处于页面的下标，加以判断即可实现项重复点击问题。

在pages.json中正常定义tabbar逻辑和字段，只需配置tabBar字段list中的pagePath(需以"/"开头)属性即可
在各个tabbar页面引入u-tabbar组件，组件会默认自动通过uni.hideTabBar()隐藏系统tabbar
通过vuex引用同一份tabbar组件的list参数，这样可以做到修改某一个页面的u-tabbar数据，其他页面的u-tabbar也能同步更新
组件内部会自动处理各种跳转的逻辑，同时需要注意以下两点：
要在list参数中配置pagePath路径，此路径为pages.json中定义的tabbar字段的路径

本文内容由网友自发贡献，转载请注明出处：【wpsshop博客】