uniapp 实现不同用户展示不同的tabbar(底部导航栏)_uniapp tabbar

目录

一、背景

源码地址：包含vue2和vue3版本：cheinlu/tabBar_demo_vue

二、效果展示

三、前置工作

四、创建tabbar组件

五、登录页面根据不同身份进行tabbar切换逻辑

六、问题拓展

一、背景

最近在做一个uniapp开发的小程序遇到一个需求，希望不同用户登录后展示不同的tabbar页面，但是uniapp项目中的pages.json是只有一个list数组的，并且是不能写成动态效果，为了实现这个需求，便自定义了tabbar组件

备注：本次示例为vue2版本，vue3版本源码可查看以下地址

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/86387