用 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)//要添加的角标内容
})