Compartilhamento de tecnologia

Comunicação de dados no miniaplicativo WeChat

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Método 1: use a função de retorno de chamada

  • em app.js: Pode ser modificado emglobalDataEm seguida, execute uma função de retorno de chamada. Essa função de retorno de chamada pode ser uma função de atualização passada pela página para o aplicativo.
    1. // app.js
    2. App({
    3. globalData: {
    4. someData: '',
    5. },
    6. setSomeData(newData, callback) {
    7. this.globalData.someData = newData;
    8. if (typeof callback === 'function') {
    9. callback();
    10. }
    11. },
    12. })

    na subpágina: Chamado quando necessárioappInstance.setSomeDatae passar uma função de retorno de chamada

    1. // pages/index/index.js
    2. Page({
    3. onLoad() {
    4. const appInstance = getApp();
    5. appInstance.setSomeData('new value', () => {
    6. this.setData({
    7. localData: appInstance.globalData.someData,
    8. });
    9. });
    10. },
    11. })

    Método 2: usar barramento de eventos

    Crie um barramento de eventos (EventBus), emapp.jsAcione um evento na subpágina e ouça esse evento na subpágina.

  • Barramento de eventos (bus.js)