最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

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

网站源码admin1浏览0评论

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

评论列表(0)

  1. 暂无评论