微信小程序返回上一级页面并传值刷新

2024-06-20 11:19:28

1 说明

在很多业务场景之下，需要返回上一级页面，并进行刷新，在微信小程序中的wx.navigateBack 方法中，返回上一页是不会刷新的。如果上一页的页面加载是在onLoad方法中触发的话，那么可以修改为在onShow方法中触发。

（1）onLoad(Object query)：页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。
（2）onShow：页面显示/切入前台时触发。
值得注意的是：如果上一级的页面是从上上级页面跳过来的话，之前在onLoad方法中，使用的options获取的参数方法，那么
当修改为onShow加载的时候就需要，将这个方法稍微修改一下，可以选择使用页面栈的方式，获取上上级页面传来的参数:

2 示例

2.1 发送

/*** 点击发送*/clickSearch: function (e) {console.log("efwfhbw==", e)//获取页面栈let pages = getCurrentPages();//获取所需页面let prevPage = pages[pages.length - 2]; //上一页console.log("ewhfbherbv===2", prevPage.options);prevPage.setData({myData: "hbvher", //需要传过去的数据});wx.navigateBack({delta: 1,})},

说明：
getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出
pages[pages.length - 2] 是上一页，-1是当前页
然后直接调用上一页的setData方法
message 是上一页定义的变量，e.currentTarget.dataset.msg为当前页要传的数据
然后调用wx.navigateBack返回，delta表示返回的页数，
如果delta大于现有页面数，则返回到首页

2.2 接受

 /*** 页面的初始数据*/data: {myData: ""},/*** 生命周期函数--监听页面显示*/onShow: function () {var that=this;let pages = getCurrentPages();let currPage = pages[pages.length - 1];console.log("ewhfbherbv===3", that.data.myData);    },

微信小程序返回上一级页面并传值刷新相关推荐

后退一步小程序_微信小程序返回上一级页面的实现代码
微信小程序返回上一级页面 wx.navigateBack({ delta: 1 //返回上一级页面}) html: 保存 js: //提交 submit(){ let data = this.data ...
微信小程序返回上一级页面时刷新页面
问题描述: 微信小程序返回上一级页面时需要重新加载一下数据问题解决: 方法一: 在需要返回的页面的onShow(){}方法中调用要刷新数据的方法方法二: goBack(){let pages = ...
uniapp如何实现返回上一级页面并传值刷新
在很多业务场景之下,需要返回上一级页面,并进行刷新,在uniapp中的uni.navigateBack 方法中,返回上一页是不会刷新的,更别说传值了,废话不多说直接上代码. 我们假设需要返回上一级页面 ...
微信小程序返回上个页面并携带参数
微信小程序页面返回并带该页面的各种参数微信小程序文档api-----getCurrentPages可查看本页面的有哪些栈下面展示一些内联代码片. // getCurrentPages() var ...
微信小程序----返回上一页刷新或当前页刷新
WXRUI体验二维码如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 声明 bug: 在onShow中执行this.onLoad(),会导致页面第一次加载的时候数组 ...
微信小程序返回上一页并刷新
微信小程序返回上一页并刷新前提:使用Taro和react 函数组件(使用类组件的应该同理) useDidShow,可以在每一次进入该页面时,都能刷新页面.这样使用Taro.navigateTo跳转到 ...
微信小程序返回上一页的各种方法
微信小程序返回上一页的各种方法 1. navigator 这是最常见的一种跳转方式,相当于html里的a标签.但需要注意的是该方法不能跳转tabbar页面,保留当前页面,在wxml使用 <na ...
微信小程序如何返回到上一个页面，并刷新页面呢？
前言小程序如何返回到上一个页面,并刷新页面呢? 在普通的html页面,很简单,不用操作都可以实现.因为浏览器返回会自动刷新. 但是小程序返回是不会自动刷新上一个页面的.所以需要一点点技巧. 入图第一 ...
微信小程序返回上一页各种方法
返回上一页,一共有4中方法,每种方法都有不一样细节一.方法罗列函数说明 navigator 保留当前页面,在wxml使用 wx.navigateTo 保留当前页面,在js使用 wx.redire ...

最新文章

热门文章