uniapp自界说tabbar，根据脚色动态表现不同tabbar，无闪动题目 ...

作者：coderYYY
  个人简介：前端步伐媛，目前主攻web前端，后端辅助，其他技能知识也会偶尔分享欢迎和我一起交流！（批评和私信一般会回！！）
  个人专栏推荐：《前端项目教程以及代码》
  ✨一、前言

这个需求在开发中还是很常见的，搜索了网络其他教程，要么太复杂要么有bug，或是没有完整代码，自己摸索实现了一个，目前没有发现bug，试了h5和微信小步伐都没题目，代码算比较简便
二、具体实现

1. 新建CustomTabBar组件

这里用uView的组件，固然也可以自己写一个

1. <template>
2.   <u-tabbar
3.     :value="current"
4.     @change="handleTabChange"
5.     :fixed="true"
6.     :placeholder="true"
7.     :safeAreaInsetBottom="true"
8.   >
9.     <u-tabbar-item
10.       v-for="(item, index) in tabList"
11.       :key="index"
12.       :text="item.text"
13.       :icon="item.icon

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。