Tutoriel d'utilisation des canaux d'événements du programme WeChat Mini

Le canal d'événements WeChat Mini Program (bus d'événements) est un mécanisme permettant de communiquer entre plusieurs pages ou composants d'un mini programme en déclenchant des événements.

Grâce au canal d'événements, une page ou un composant peut envoyer un événement au canal d'événements, et d'autres pages ou composants peuvent écouter l'événement pour obtenir le message et le traiter en conséquence.

Pour utiliser le canal d'événements, vous devez d'abord initialiser le bus d'événements dans app.js :

App({
    
    
  onLaunch() {
    
    
    this.eventChannel = this.getEventChannelForPage();
  },
})

Dans la page ou le composant qui doit envoyer des événements, lorsque vous accédez à la page ou au composant cible via la méthode wx.navigateTo ou wx.redirectTo, transmettez le paramètre events et affectez-le à l'objet canal d'événement :

wx.navigateTo({
    
    
  url: '/pages/targetPage/index',
  events: {
    
    
    someEvent: data => {
    
    
      // 收到事件,并执行相应操作
    }
  }
});

Dans la page ou le composant cible, récupérez l'objet de canal d'événement via la fonction de cycle de vie onLoad et liez la fonction de traitement d'événement :

onLoad(options) {
    
    
  const eventChannel = this.getOpenerEventChannel();
  eventChannel.on('someEvent', data => {
    
    
    // 处理事件
  });
}

Lorsqu'un événement se produit, l'événement est envoyé au canal d'événement en appelant la méthode qui a déclenché l'événement :

// 触发事件
this.eventChannel.emit('someEvent', data);

Il convient de noter que lors de l'utilisation du canal d'événement, le type de données transmis doit répondre aux exigences de format de données de l'applet afin d'éviter des erreurs de format ou de type de données non analysables. Dans le même temps, dans le canal d'événements, il est recommandé d'utiliser une constante ou une chaîne comme nom d'événement, ce qui est pratique à maintenir et à gérer pour les développeurs.

Je suppose que tu aimes

Origine blog.csdn.net/hyqhyqhyqq/article/details/129738230
conseillé
Classement