Tutorial de uso do canal de eventos do miniprograma WeChat

O canal de eventos do Mini Programa WeChat (barramento de eventos) é um mecanismo para comunicação entre várias páginas ou componentes de um Mini Programa por meio do acionamento de eventos.

Através do canal de eventos, uma página ou componente pode enviar um evento para o canal de eventos, e outras páginas ou componentes podem ouvir o evento para obter a mensagem e processá-la adequadamente.

Para usar o canal de eventos, você precisa primeiro inicializar o barramento de eventos em app.js:

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

Na página ou componente que precisa enviar eventos, ao saltar para a página ou componente de destino através do método wx.navigateTo ou wx.redirectTo, passe o parâmetro events e atribua-o ao objeto canal de eventos:

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

Na página ou componente de destino, obtenha o objeto do canal de eventos por meio da função de ciclo de vida onLoad e vincule a função de processamento de eventos:

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

Quando ocorre um evento, o evento é enviado ao canal de eventos chamando o método que acionou o evento:

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

Deve-se observar que, ao usar o canal de eventos, o tipo de dados transmitido deve atender aos requisitos de formato de dados do miniaplicativo para evitar erros de tipo ou formato de dados não analisáveis. Ao mesmo tempo, no canal de eventos, é recomendado usar uma constante ou uma string como nome do evento, o que é conveniente para os desenvolvedores manterem e gerenciarem.

Acho que você gosta

Origin blog.csdn.net/hyqhyqhyqq/article/details/129738230
Recomendado
Clasificación