微信小程序跳转页面，返回页面后刷新数据

Posted 2021-12-06 HackShendi

Hello,I’m Shendi

这里记录一下

首先跳转页面使用 wx.navigateTo 函数
文档

我做的是一个用户信息修改的功能，点击头像就进入用户信息，修改了任何信息后返回上一个页面都能及时刷新

于是我在第二个页面的 onUnload 函数中提交修改用户信息，在第一个页面的 onShow 中读取本地缓存刷新信息

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {}

因为没有仔细看文档，是先返回到第一个页面后执行onUnload函数，于是就造成了修改后返回数据没有被更改

于是又想到在 onShow 中等待一定时间后再刷新…

后面更改为事件的方式来刷新
代码如下

跳转页面

var that = this;
wx.navigateTo({
	url: '/pages/user/user',
	events : {
		// 事件名称可以随便取，且函数可以带有参数
		infoChange : function () {
		  that.onPullDownRefresh();
		}
	}
});

触发事件

// 可以携带数据
that.getOpenerEventChannel().emit("infoChange");