uni-app 的 tabBar 不能动态修改，因其由 pages.json 静态配置，编译时生成原生或 WebView 底部导航，运行时无法更改结构、图标或文字；需设 "custom": true 并用自定义组件实现登录前后不同 tab。
uni-app 中 tabBar 为什么不能动态修改？
因为 tabBar 是由 pages.json 静态配置的，uni-app 在编译时就生成了原生 tabBar（App）或 WebView 底部导航（H5/小程序），运行时无法修改其结构、图标或文字——这是平台限制，不是 bug。强行尝试用 uni.setTabBarItem 或 setData 更新 tabBar 配置，只会静默失败或报错 setTabBarItem is not a function。
想实现“登录后显示不同 tab”该怎么做？
必须放弃原生 tabBar，改用自定义底部菜单组件。核心思路：隐藏默认 tabBar（"tabBar": { "custom": true }），在每个需要展示底部栏的页面里，手动插入一个固定在底部的 view，通过 v-if / v-show 控制各 tab 的显隐和选中态。
- 在
pages.json中关闭原生 tabBar："tabBar": { "custom": true } - 创建统一组件如
custom-tabbar.vue，用props接收当前页面路径（currentPage）和用户状态（isLogin） - 根据
isLogin动态生成tabList数组，例如登录前 3 个 tab，登录后变成 4 个并替换第 2 项 - 每个 tab 使用
uni.navigateTo跳转，避免用uni.switchTab（它只对原生 tabBar 生效）
custom-tabbar.vue 关键注意事项
自定义 tabBar 不是纯 UI，它要承担路由跳转、状态同步、H5 兼容、iOS 安全区适配等实际问题：
- 必须监听
onShow生命周期，在页面显示时重新计算当前激活项（因为 H5 刷新或小程序从后台切回时，getCurrentPages()可能不准） - 使用
uni.getSystemInfoSync().platform === 'ios'判断是否 iOS，并给底部加padding-bottom: env(safe-area-inset-bottom)，否则 tab 被刘海遮住 - 不要在 tab 里直接写
onClick="uni.navigateTo({ url: '/pages/my/my' })"，应封装为方法并加catch，防止跳转失败导致白屏 - 图标建议用字体图标（如 iconfont）或
image组件 +mode="aspectFit"，避免不同端缩放不一致
小程序端特别注意：tabBar 隐藏后仍可能残留阴影或间距
微信/支付宝小程序即使设置了 "custom": true，某些基础库版本下仍会在页面底部留出原生 tabBar 的高度（约 50px），造成内容被顶高或底部空白。解决方式：
- 在对应页面的
style中加padding-bottom: 0 !important;和margin-bottom: 0 !important; - 检查
pages.json是否误写了"tabBar": {}空对象（应完全移除或设为{"custom": true}） - 真机调试时，用
uni.getMenuButtonBoundingClientRect()辅助判断安全区，而非硬编码 bottom 值
动态 tab 的本质是「用页面逻辑接管导航权」，所有跳转、高亮、权限控制都得自己维护——这点比想象中更重，尤其涉及多端时，图标尺寸、点击热区、选中反馈都要单独验证。
