y***@163.com
y***@163.com
  • 发布:2020-07-09 17:57
  • 更新:2020-07-10 16:58
  • 阅读:2222

app.vue页面调用setTabBarBadge失效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 2.7.14

手机系统: Android

手机系统版本号: Android 10

手机厂商: OPPO

手机机型: findx

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

onLaunch: function() {
uni.setTabBarBadge({
index:0,
text:'15'
})

}

预期结果:

第一个tab角标显示15

实际结果:

自定义基座中第一个tab显示15。正式发布包中第一个tab未显示15

bug描述:

①在自定义基座中,app.vue页面onlunch向tab设置角标,调用uni.setTabBarBadge 角标可以正常显示(在非tab页与tab目标页都可以)。
②发布正式包后,app.vue调用uni.setTabBarBadge设置角标不显示。在tab目标页面调用uni.setTabBarBadge可以设置角标.
角标数字,都有一个网络的请求过程,数据都是获取成功。
底部有5个tab。目的是向第一个tab添加角标

2020-07-09 17:57 负责人:jxtian 分享
已邀请:
jxtian

jxtian

onLaunch 时 tabbar 还未加载,setTabBarBadge 需要在 tabbar 渲染后才能使用,其他操作 tabbar 的 API 亦如是,想一想你怎么往一个不存在的东西加东西呢

  • y***@163.com (作者)

    正式打包后,打开应用使tab页完全显示,回到手机桌面(未关闭应用)。在打开应用,此时APP.vue的onshow里面,主动设置setTabBarBadge,角标数量也不会发生变化

    2020-07-13 15:29

该问题目前已经被锁定, 无法添加新回复