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

Posted HackShendi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序跳转页面,返回页面后刷新数据相关的知识,希望对你有一定的参考价值。

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");

以上是关于微信小程序跳转页面,返回页面后刷新数据的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序页面返回

小程序页面返回时跳转问题

微信小程序 返回上一页面时实现上一页面数据刷新

微信小程序 返回上一页面时实现上一页面数据刷新(页面栈)

微信小程序 返回上一页面时实现上一页面数据刷新(页面栈)

12.小程序 之切换到tabBar页面不刷新问题