uni.setTabBarBadge 给 tabbar 加角标无效的坑以及解决办法

原创

Power

发布于 2025-03-31 11:52:55

41900

代码可运行

运行总次数：0

代码可运行

用 uniapp 开发的微信小程序，需要给 tabbar 加上角标数字，如下图效果：

其实这个需求，uniapp 已经内置了一个方法：uni.setTabBarBadge(options)，使用方法如下：

uni.setTabBarBadge({
    index: 2,//tabbar的索引
    text: res.obj.cartCount//要添加的角标内容
})

看着很简单，但是实际过程中却死活不生效，后来百度了一下发现，text参数要求是字符，而后台传过来的是数字。做一下转换就可以正常显示了：

uni.setTabBarBadge({
    index: 2,//tabbar的索引
    text: String(res.obj.cartCount)//要添加的角标内容
})

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度