下面讲一下如何使用JS库来解决小程序（跨页面小程序变量）跨页面传递消息和数据的问题。

微信小程序的wx.navigateBack方法不支持返回值，因此页面返回后无法方便地立即更新数据。

1.需求分析

该类需求的大致含义是： 如果A页面进入B页面，B页面返回并传值给A，或者B页面触发了事件，A页面也会有事件触发。 它改变了。

业务分析

第一种方法：使用微信的wx.setStorage在小程序实例中缓存数据。 从B页返回到A页时，B页先缓存数据。 然后，在页面A的onshow方法中，调用wx.getStorage来读取缓存。 但给以后的维护带来了很多隐患。 （与全局变量方法类似）

第二：获取上一个页面实例的方法也可以实现这个功能。 部分代码是：

这种方法的缺点是B页面的入口可能有很多。 如果这样做，您可能会得到错误的页面实例。

2.方法介绍

言归正传，介绍一下onfire.js()。

onfire.js是一个非常简单的事件传递JavaScript库（只有0.9kb），简单实用。 适用于：

1. 简单的事件传递。

2. 用于 React、Vue.js 和 Angular 中的轻量级跨组件实现。

3. 事件订阅与发布。

使用思路：（如果做过移动开发，就知道这和iOS通知、Android广播类似。）

a.Page 首先订阅事件，定义一个。处理方法。

b.从页面B返回时，发送消息。

c. 页面 A 卸载后，取消订阅。

我的使用方法如下：

页面代码：

Onfire.on方法直接在A页面调用即可。 订阅名为 key 的消息。在上面的代码中，附加到消息的参数是在不带参数的情况下传递的。 如果需要传递参数，直接添加到函数中即可。 例如：

注意，收到消息时需要在onUnload（页面关闭时））取消订阅，并将eventObj绑定到Cancel上。

在B页面的代码中，在回调中添加以下代码。

3.分析库代码

看代码可以看到，订阅on方法的时候，其实是调用了_bind方法你可以看到。 该方法使用二维数组来存储订阅的对象。

fire的消息发送方法的本质是调用_fire_func方法，通过名称（key）遍历订阅者，并通知他们。 调用 un 方法按名称（键）跟踪订阅者并在找到它们时将其删除。

推荐：《小程序开发教程》

PHP快速学习视频免费教程（从入门到精通）

如何学习PHP入门？怎样才能快速学习PHP呢？ 这里有简单的 PHP 学习教程（从初学者到专家）。 您可以保存并下载您想学习的朋友。

下载

这几篇文章你可能也喜欢：

• 浅谈使用JS库解决小程序跨页面传递消息和数据的方法（如何跨小程序页面传递值）

本文由主机参考刊发，转载请注明：下面讲一下如何使用JS库来解决小程序（跨页面小程序变量）跨页面传递消息和数据的问题。 https://zhujicankao.com/123552.html