欢迎来到258分享网,纯净的网络源码分享基地!

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序-通知广播WxNotificationCenter:完成相关逻辑并通知页面刷新数据 ...

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:789

HTML5自适应律师工作室类网

2020-04-04   浏览:654

高端HTML5响应式企业通用网

2020-05-06   浏览:560

html5响应式外贸网站英文版

2020-05-08   浏览:545

HTML5影视传媒文化公司类网

2020-05-12   浏览:543

微信小程序-通知广播WxNotificationCenter:完成相关逻辑并通知页面刷新数据 ...

发布时间:2020-12-07  

以下两种场景,在微信小程序官方并没有提供类似iOS的NSNotificationCenter 或者 Android的广播类似的解决方案。

A页面 -> B页面,B页面完成相关逻辑需要通知A页面刷新数据(并传值)

通知(广播)已入栈并且注册过通知的页面(并传值)

如果遇到以上的场景,要怎么处理呢?

在github上发现了WxNotificationCenter,下载地址:https://github.com/icindy/WxNotificationCenter WxNotificationCenter借鉴iOS开发中的NSNotificationCenter的消息模式进行开发
简单的说WxNotificationCenter是实现大跨度的通信机制,可以为两个无引用关系的两个对象进行通信,即事件发出者和响应者可以没有任何耦合关系。

让我们看看代码中的使用

获取到 WxNotificationCenter 将WxNotificationCenter.js文件加入项目目录下

页面中导入
var WxNotificationCenter = require('../../../vendors/WxNotificationCenter.js')

A页面的Page生命周期中注册、移除通知,及接收通知后响应的fuction

onLoad: function () { //注册通知 var that = this WxNotificationCenter.addNotification('NotificationName', that.didNotification, that) }, onUnload: function () { //移除通知 var that = this WxNotificationCenter.removeNotification('NotificationName', that) }, //通知处理 didNotification: function () { //更新数据 this.setData({ }) },

B页面处理完逻辑,发送通知 //发送通知(所有注册过'NotificationName'的页面都会接收到通知) WxNotificationCenter.postNotificationName('NotificationName')

如何传值?

obj 为字符串 或者 对象

WxNotificationCenter.postNotificationName('NotificationName',obj)

WxNotificationCenter.addNotification('NotificationName', that.didNotification, that)

didNotification: function (obj) { //拿到值obj },

自己写了个Demo,感兴趣的可以拉一下https://github.com/hanqingman/WxNotificationCenter-Demo