微信小程序中的数据通信

方法1: 使用回调函数

  • 在app.js中:可以在修改globalData后执行一个回调函数,这个回调函数可以是页面传递给app的一个更新函数。
  • // app.js
    App({
      globalData: {
        someData: '',
      },
      setSomeData(newData, callback) {
        this.globalData.someData = newData;
        if (typeof callback === 'function') {
          callback();
        }
      },
    })

    在子页面中:在需要的地方调用appInstance.setSomeData并传递一个回调函数

  • // pages/index/index.js
    Page({
      onLoad() {
        const appInstance = getApp();
        appInstance.setSomeData('new value', () => {
          this.setData({
            localData: appInstance.globalData.someData,
          });
        });
      },
    })

    方法2: 使用事件总线

    创建一个事件总线(EventBus),在app.js中触发事件,在子页面中监听这个事件。

  • 事件总线(bus.js)

相关推荐

  1. 程序数据通信

    2024-07-12 05:42:04       27 阅读
  2. 程序网络通信

    2024-07-12 05:42:04       37 阅读
  3. 程序-组件通信

    2024-07-12 05:42:04       19 阅读
  4. 程序怎么从服务器获取数据

    2024-07-12 05:42:04       41 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-12 05:42:04       66 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-12 05:42:04       70 阅读
  3. 在Django里面运行非项目文件

    2024-07-12 05:42:04       57 阅读
  4. Python语言-面向对象

    2024-07-12 05:42:04       68 阅读

热门阅读

  1. TypeScript中的交叉类型

    2024-07-12 05:42:04       28 阅读
  2. CUDA编程 - asyncAPI 学习记录

    2024-07-12 05:42:04       24 阅读
  3. Postman脚本炼金术:高级数据处理的秘籍

    2024-07-12 05:42:04       24 阅读
  4. 使用SOAP与TrinityCore交互(待定)

    2024-07-12 05:42:04       27 阅读
  5. 编程语言如何和计算机交互:深入解析交互机制

    2024-07-12 05:42:04       24 阅读
  6. LLM_入门指南(零基础搭建大模型)

    2024-07-12 05:42:04       25 阅读
  7. 爬虫学习前记----Python

    2024-07-12 05:42:04       26 阅读
  8. WEB DEVELOPMENT AND APPLICATIONSB DW4213

    2024-07-12 05:42:04       25 阅读
  9. 漏侧bug解决策略

    2024-07-12 05:42:04       22 阅读
  10. C++开篇

    2024-07-12 05:42:04       28 阅读