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

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