admin管理员组

文章数量:1442855

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

本文标签： unisetTabBarBadge 给 tabbar 加角标无效的坑以及解决办法

版权声明：本文标题：uni.setTabBarBadge 给 tabbar 加角标无效的坑以及解决办法 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1748075786a2802500.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。