微信小程序数据监听

微信小程序数据监听,第1张

iOS数据监听很简单,比如登录成功之后首页、个人中心页等很多页面都需要更新数据,只需要首页和个人中心页注册通知,登录成功之后发送通知,首页和个人中心页就能接收到该通知,此时就可以更新数据及界面,退出登录同理。

小程序更新页面数据就比较费劲,之前我都是获取上级页面,然后调用上级页面自定义方法 loadNewData 方法来刷新上级页面数据。

这种方法说实话也挺好用的,但是只能更新 wx.navigateTo 打开的页面。

官方也有页面间通信方法 EventChannel ,同样只能和 wx.navigateTo 打开的页面进行通信。

今天遇到的需求是 tabbar 切换的页面更新首页列表数据,只能各种百度,最终也实现的功能。

在首页调用

在其他页面修改 reloadIndex 的值

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

参考文章:

小程序实现数据监听

小程序如何在其他页面监听globalData中值的变化?

微信小程序设置简单的监听器

1,微信小程序有提供一个下拉刷新的功能

2,点击按钮重新加载页面没有任何意义,因为如果你要改变页面显示数据,可以直接(请求接口)改变data数据他会自动重新加载,或者重新调用onLoad里面的方法(一般我们把请求数据都放在onLoad里面),不会像网页那样需要刷新页面

3,如果你硬是要那种效果你可以用页面跳转api跳转到当前页面

wx.switchTab({

url:当前路径

})

上一节为大家介绍了页面间的传值

这一节继续我们的开发流程,这节课我们来实现“新增动态”页面的实现

实现效果:

首先我们在app.json中新增页面路径

编译之后生成目录及4个文件

引用的第三方js文件“qiniuUploader.js”

发表成功之后,onfire.on("reloadDynamicFunction'')

发送订阅消息,让home.js触发刷新数据的事件。

内容浅显易懂,有问题随时提问~

下一节:

传送门:

十四:动态详情页面的实现与分析


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11650893.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存