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

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

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

代码语言：javascript代码运行次数：0运行复制

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

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

代码语言：javascript代码运行次数：0运行复制

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