聚观早报 | Meta将推出新款AR眼镜；iPhone SE 4将升级显示屏

微信小程序自定义 TabBar 后根据权限动态展示tabbar

在微信小程序开发中，自定义 TabBar 可以让应用更具灵活性和个性化。特别是在用户根据不同权限展示不同的 TabBar 内容时，正确的实现方法能够提升用户体验。本篇文章将分享如何使用事件总线实现权限变动时动态更新自定义 TabBar 的内容。

文章目录

• 微信小程序自定义 TabBar 后根据权限动态展示tabbar
• • 1. 实现事件总线
  • 2. 权限变动时的事件发布
  • 3. 在自定义 TabBar 中接收权限变化
  • • 3.1. 根据权限动态更新 TabBar
  • 4. 在页面显示时设置选中的 TabBar

1. 实现事件总线

首先，我们需要实现一个简单的事件总线，用于管理应用中的各类事件。我们可以通过以下代码创建一个事件总线utils：

// eventBus.js
const eventBus = {
   
  eventList: new Map(), // 存储所有事件和对应的订阅者
  on(event, callback) {
   
    if (!this.eventList.has(event)) {
   
      this.eventList.set(event, new Set());
    }
    this.eventList.get(event).add(callback);
  },
  off(event, callback) {
   
    if (this.eventList.has(event)) {
   
      const callbacks = this.eventList.get(event);
      callbacks.delete(callback);
      if (callbacks.size === 0) {
   
        this.eventList.delete(event);
      }
    }
  }