<template>
<view class="content">
<image class="logo" src="/static/logo.png"></image>
<view class="text-area">
<text class="title">{{title}}</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
title: 'bar1'
}
},
mounted() {
// 总共有4个tab页
uni.setTabBarBadge({
index: 3, // 0,1,2均正常，设置为3时，最后一个tab无法显示角标
text: '1'
})
},
methods: {
}
}
</script>
首席烟花引燃师
- 发布：2021-10-31 12:51
- 更新：2021-11-26 12:01
- 阅读：803
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 20H2
HBuilderX类型： Alpha
HBuilderX版本号： 3.2.12
手机系统： Android
手机系统版本号： Android 12
手机厂商： 华为
手机机型： mate10
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
uni.setTabBarBadge 修改index值，总共4个tabbar，设置0，1，2均可正常的给前面三个tarbar标上角标，设置3时，第四个tarbar角标无法显示
uni.setTabBarBadge 修改index值，总共4个tabbar，设置0，1，2均可正常的给前面三个tarbar标上角标，设置3时，第四个tarbar角标无法显示
预期结果：
显示角标
显示角标
实际结果：
未显示角标
未显示角标
bug描述：
uni.setTabBarBadge给tabbar设置角标时，最后一个tabbar设置无效
最佳回复
