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

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

如何更新？

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

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

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

解决

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

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

列表页

1. const broadcast = require("../../utils/broadcast")
2.  
3. ...
4.  
5. onLoad: function (options) {
6. ...
7.  
8. // 设置广播监听
9. broadcast.on("broadcast_user_modified", (data) => {
10. // 处理逻辑
11. ...
12. });
13. }
14.  
15. ...

编辑页

1. const broadcast = require("../../utils/broadcast")
2. ...
3.  
4. // 广播
5. broadcast.fire("broadcast_user_modified",
6. {
7. userid:user_id,
8. ...
9. }
10. )
11. ...

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

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

小结

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