微信小程序数据监听

Posted 2023-05-17

参考技术A ios数据监听很简单，比如登录成功之后首页、个人中心页等很多页面都需要更新数据，只需要首页和个人中心页注册通知，登录成功之后发送通知，首页和个人中心页就能接收到该通知，此时就可以更新数据及界面，退出登录同理。
小程序更新页面数据就比较费劲，之前我都是获取上级页面，然后调用上级页面自定义方法 loadNewData 方法来刷新上级页面数据。

这种方法说实话也挺好用的，但是只能更新 wx.navigateTo 打开的页面。
官方也有页面间通信方法 EventChannel ，同样只能和 wx.navigateTo 打开的页面进行通信。
今天遇到的需求是 tabbar 切换的页面更新首页列表数据，只能各种百度，最终也实现的功能。

在首页调用

在其他页面修改 reloadIndex 的值

小程序组件有 数据监听器 ，也实现了某个功能。

参考文章：
小程序实现数据监听
小程序如何在其他页面监听globalData中值的变化？
微信小程序设置简单的监听器

微信小程序的返回按钮监听

参考技术A  通过web-view所引得页面，当点击左上角返回时，想让其返回到指定的页面，而不是返回之前的页面时，可以这样来：

返回时跳转到index页面

var state =

                    title: "title",

                    url: "#"

 ;

window.history.pushState(state, "title", "#");

window.addEventListener("popstate", function (e)

       wx.miniProgram.reLaunch( url: '/pages/index/index' );

, false);

思路就是，通过h5页面来监听小程序的返回  ，以此来实现自己的跳转。

popstate在IOS手机会自动触发，所以可以加延迟来解决这个Bug,可参考本人 https://www.jianshu.com/p/c847350a0232 这篇文章来解决