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

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

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

小程序跳到h5页面_微信小程序跳转到H5页面实战篇
有些场景需要从微信小程序跳转到H5页面,通常网上的教程会告诉你使用web-view组件就可以了,但实际开发中还有很多需要注意的地方,尤其是很多概念往往会把初学者弄糊涂了,下面就让我们从概念开始吧!微信 ...
[微信小程序]提交表单返回成功后自动清空表单的值
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 实现思路: 给每一个input绑定相同的value对象,提交成功后把这个对象赋值为空. 下面看代码: ...
手机按三角返回页面上一页_小猿圈微信小程序跳转页面都有哪些？
随着科技的进步互联网的发展,微信小程序逐渐成为了很多推广渠道的入口,但是因为很多做前端的小伙伴们不知道怎么去实现跳转页面,弄得不知所措,今天小猿圈前端讲师就给你讲解几种微信小程序跳转页面方法. 微信小 ...
微信小程序跳转页面问题
微信小程序跳转页面的方式: 1.跳转至tabBar页面,并关闭其他所有非 tabBar页面 wx.switchTab({ url: '路径' //url同app.json中配置的tabBar路径 }) ...
微信小程序跳转页面带参数
微信小程序跳转页面带参数 1.给参数赋值 2.跳转页面 3.在目的地页面的onload里打印即可得到上个页面带过来的参数 4.完整的带参跳转方法(js)
微信小程序中使用全局变量解决页面的传值问题
微信小程序中使用全局变量解决页面的传值问题由于项目需要,最近便在做一个类似于美团的餐饮平台的的微信微信小程序 ,项目有十几个页面,那么页面间的传值被经常用到.在小程序中页面间的传值主要有使用全局变 ...
自学微信小程序开发第五天- 页面切换相关
自学微信小程序开发第五天- 页面切换相关创建多个页面页面间跳转页面间传值另一个页面跳转的方式(重定向) 点击跳转元素时的样式导航API 研究过页面样式设计后,就是多页面的呈现了,这就需要研究 ...
微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案
微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案参考文章: (1)微信小程序获取windowHeight出现不同页面高度不一致问题及解决方案 (2)https://www. ...
微信小程序 - 自定义组件中类似页面 onShow 的页面显示就触发的生命周期钩子函数（页面回退时更新数据常用, 例如回退页面更新子组件数据, 回退更新子组件中 data 内容）
前言在微信小程序中,用户回退页面触发更新数据的操作,一般都是在页面 onShow() 中写上执行更新的函数即可. 但如果咱们把数据和方法都写在了自定义子组件中,那么用户回退页面时, 更新数据就成了 ...
uniApp和微信小程序好看的我的页面（有源码）
uniApp和微信小程序好看的我的页面(有源码) 1.先睹为快未登录状态以登录 uniapp源码 <template><view class="content" ...

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

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

最新文章

热门文章