这篇文章给大家分享的是有关如何使用JS库解决小程序跨页传递消息和数据问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
<强>一。需求分析强>
此类需求大概意思是:一页面进入页B面,B页面返回并传值给一个或在B页面触发事件时,一页面也有事件触发改变。
业务分析
第一种:利用微信的wx。setStorage,将数据缓存在小程序实例内。从B页面返回一页面时,B页面先将数据缓存,然后在一个页面的alt="如何使用JS库解决小程序跨页传递消息和数据问题">
这种方法的弊端:因为进入B页面的入口可能是很多个。这样做,可能会导致获取到的页面实例不正确。
<强>二。方法介绍强>
下面进入正题介绍onfire.js ()
onfire。js是一个很简单的事件分发JavaScript库(仅仅0.9 kb),简洁实用。它可以应用于:
1。简单的事件分发。
2。在反应,Vue。js角中,用于跨组件的轻量级实现.
3 .事件订阅和发布。
使用思路:(做过移动端开发的都知道,类似于iOS的通知和安卓的广播)
。一页面先订阅一个事件,并定义处理方法;
b。从B页面返回时,发送消息;
c。一页面卸载时,解除订阅。
我的使用方法为:
页面代码:
我们可以在一个页面直接调用alt="如何使用JS库解决小程序跨页传递消息和数据问题">
需要注意的是,一定要在alt="如何使用JS库解决小程序跨页传递消息和数据问题">
<强>三。分析库代码强>
从代码中可以看出订阅alt="如何使用JS库解决小程序跨页传递消息和数据问题">
而火发送消息方法的实质,是调用_fire_func方法,通过名字(键)来遍历订阅者,然后通知订阅者。调用联合国方法,通过名字(键)来遍历订阅者,找到后移除。
感谢各位的阅读!关于“如何使用JS库解决小程序跨页传递消息和数据问题”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!