uniapp自定义tabbar设置badge

UniApp 中的自定义 tabbar 设置 badge（数字提示）通常用于显示组件或页面的重要更新状态。以下是步骤和基本原理：

1. 首先，在 Vue 文件中，你需要获取到 tabBar 的实例，它通常在项目的 app.json 或某个配置文件中。例如，如果你的 tabBar 定义在 app.json，可以这样获取：

   const tabBar = uni.getTabBar()

2. 然后，你可以通过 `updateBadge` 方法动态设置每个 tab 的 badge 数值。比如为第一个标签添加 badge：

   tabBar.updateBadge({
     index: 0,
     badge: 9 // 如果有新消息，则设为 1，无则设为 0 或者空字符串 ''
   });

3. 对于需要清除 badge 的情况，可以传递 0 或 ''：

   tabBar.updateBadge({ index: 0, badge: 0 })

4. 为了实时显示，可以在数据改变时调用这个方法。如果有定时任务或者事件触发更新，记得处理好 badge 的增减逻辑。