1.需求说明
2.实现原理说明
3.实现过程
3.1集成uView2.0
3.2 自定义tabbar
3.3 vuex定义tabbar共享信息
3.4 tabbar显示个数控制
1.需求说明
要求不同时间显示不同的tabbar.点击不同的tabbar跳转到不同的页面,能随时实现tabbar显示个数的切换。一种是只需要显示首页、我的页面;另一种是显示首页、消息、我的页面。效果图如下:

2.实现原理说明
基于uview2.0的u-tabbar实现自定义tabbar,使用vuex实现tabbar显示状态数据共享。首页和我的页面初始化时调用后端接口获取当前tabbar状态,根据不同的状态控制页面显示两个还是显示三个tabbar.











![[vue] Vite的使用](https://img-blog.csdnimg.cn/27a04531909c4d368b87a6fc1ee5b50e.png)

![[acwing周赛复盘] 第 93 场周赛20230304](https://img-blog.csdnimg.cn/c408c7cf6f9f450ea0f7b9d0de105838.png)





