uniapp踩坑之给tabbar加上角标(uni.setTabBarBadge)

1,661 阅读1分钟

需求:给小程序tabbar消息一栏,任务一栏加上角标,实时显示消息,或者任务的数量,供用户查看

image.png

解决方案:使用uniapp提供的【uni.setTabBarBadge】方法

image.png

大家看第一张图片,我的tabbar一共有4项,从左往右数,我的任务一栏在第三个位置,因此想给任务加角标,【uni.setTabBarBadge】方法里面的index就需要设置为2,【uni.setTabBarBadge】方法里面的text是你想给角标设置什么样的内容,不管你设置成什么,一定要切记【text】后面的值一定要设置成字符串的格式,否则是不会显示的。

希望对大家有所帮助!!!