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

258资源分享网

全部作品
全部作品
网站源码
微信源码
素材特效
源码插件
视频教程
建站学院
热门搜索: 织梦  农业种植  农业  安全设置  官方
258资源分享 > 建站学院 > 微信开发 > 微信小程序不同页面间的消息传递

推荐下载

HTML5响应式自适应网咯设计

2020-05-12   浏览:740

高端HTML5响应式企业通用网

2020-05-06   浏览:521

html5响应式外贸网站英文版

2020-05-08   浏览:510

HTML5自适应律师工作室类网

2020-04-04   浏览:504

HTML5影视传媒文化公司类网

2020-05-12   浏览:500

微信小程序不同页面间的消息传递

发布时间:2020-12-07  

微信小程序不同页面间的消息传递

修改了用户信息后,返回到列表页,列表中需要显示修改后的信息

例如把 “李四” 改为了 “李六”,那么返回列表页后,第2条记录就应该显示的是 “李六”

 

如何更新?

例如可以重新加载列表,返回到列表页时,触发的是onShow事件,那么就在 onShow 处理函数中重新请求数据进行加载

但这样做不太好处理用户体验问题,例如修改的是经过多次下拉翻页后的某条用户信息

也可以不用重新加载,在保存之后设置缓存,指明修改的用户ID、修改后的数据,然后在列表页的onShow处理函数中读取缓存,直接修改现有列表中的数据

 

解决

上面的更新方式都不太优雅,建议使用 broadcast 广播机制

列表页设置监听,编辑页修改完成后发送广播通知

列表页

 

const broadcast = require("../../utils/broadcast")

 

...

 

onLoad: function (options) {

...

 

// 设置广播监听

broadcast.on("broadcast_user_modified", (data) => {

// 处理逻辑

...

});

}

 

...

 

编辑页

 

const broadcast = require("../../utils/broadcast")

...

 

// 广播

broadcast.fire("broadcast_user_modified",

{

userid:user_id,

...

}

)

...

列表页收到广播后就会触发处理函数,取得广播传递过来的数据,对现有列表数据进行修改,使用 setData 更新

从详细页返回到列表页时,列表中的数据就已经是最新的了

 

小结

broadcast 是一个非常小巧实用的广播工具,非常适合在不同页面间传递消息