【uni-app】Tabbar显示数字/红点的方法（十）

JS Lover

已于 2022-01-25 16:23:29 修改

阅读量4.1k

点赞数 1

分类专栏： uni-app 前端文章标签：小程序 javascript 前端

于 2021-12-16 16:20:03 首次发布

本文链接：https://blog.csdn.net/qq_43576866/article/details/121977556

版权

前端同时被 2 个专栏收录

24 篇文章

订阅专栏

uni-app

13 篇文章

订阅专栏

本文介绍了如何在uni-app中使用API进行TabBar红点和数字badge的显示与隐藏操作，包括uni.setTabBarBadge用于显示数字，uni.removeTabBarBadge用于隐藏数字，uni.showTabBarRedDot用于显示红点，以及uni.hideTabBarRedDot用于隐藏红点。这些方法对于移动端应用的交互设计至关重要。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

❤ 写在前面

如果觉得对你有帮助的话，点个小❤❤ 吧，你的支持是对我最大的鼓励~
欢迎关注我的公众号【有更多的前端教程】或者来看我的个人网站
二维码

 uni.setTabBarBadge({ //显示数字
   index: 2, //tabbar下标
   text: '1'//数字
 })
uni.removeTabBarBadge({ //隐藏数字标
  index:2 //tabbar下标
})  
uni.showTabBarRedDot({ //显示红点
  index: 2 //tabbar下标
})
uni.hideTabBarRedDot({ //隐藏红点
  index:2 //tabbar下标
})