QQ咨询 官方微信

添加微信好友

官方小程序

百度小程序

微信小程序

头条小程序

关于我们

uniapp

uniapp页面更新之后返回首页,首页资料不会自动更新

 shitouadmin  2025-03-06 18:12:24
小程序进入资料修改页面,修改成功之后返回上页,发现上页的用户头像用户名等信息不回自动更新,要想保障数据实时更新,可以使用uniapp的$emit方法

在子页面更新完成之后 触发一个更新事件,
  1. success: function () { 
  2.     uni.$emit('updateAvatar', { 
  3.         userInfo:res.data 
  4.     });//更新完成之后触发一个updateAvatar全局事件
  5.     setTimeout(function() { 
  6.         uni.navigateBack({ 
  7.             delta:1, 
  8.             fail(){ 
  9.                 var url = "/pages/memeber/index/index"
  10.                 common.goto(url) 
  11.             } 
  12.         }) 
  13.     }, 1500); 
然后再需要更新的组件或者页面里边监听这个事件
  1. mounted() { 
  2.     var userInfo = uni.getStorageSync('userInfo'); 
  3.     var that = this
  4.     uni.$on('updateAvatar'function(data) { 
  5.         var userInfo = uni.getStorageSync('userInfo'); 
  6.         that.userInfo = userInfo 
  7.     }) 
  8. }, 
注意:uni.$on事件里边需要使用that,所以前面需要把this赋值给taht,否则肯呢个无法正常监听

这样,子页面更新了用户资料之后,其他页面会自动同步更新


¥ 打赏
×
如果您觉得文章帮助了您就打赏一下吧
非常感谢你的打赏,我们将继续分享更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏

本文《uniapp页面更新之后返回首页,首页资料不会自动更新》发布于石头博客文章,作者:shitouadmin,如若转载,请注明出处:https://www.pweb123.com/frame/uniapp/1048.html,否则禁止转载,谢谢配合!

文章点评

我来说两句 已有0条评论
点击图片更换

添加微信好友

添加微信好友

微信小程序

百度小程序