微信小程序 wx.navigateBack 携带参数返回到上一页

7 篇文章 0 订阅
7 篇文章 0 订阅

实现功能描述:

 A页面通过wx.navigateTo跳入到B页面,然后B页面执行wx.navigateBack返回到A页面时候传给A页面参数,此处定义为param变量。

实现思路描述:

1.在A页面data中定义一个参数param作为接受B页面返回时候携带过来的参数。

2.A页面执行 wx.navigateTo跳入B页面

3.B页面中执行返回事件 的方法中写入如下代码:

此处解释一下B页面功能实现的原理:

getCurrentPages()函数是用来获取当前页面栈的实例,返回的是一个按栈的顺序排列的数组pages_arr,且数组中的第一项为首页,最后一项为当前页。

pages[pages.length - 2]是指的上一页,然后获取到上一个页的page对象后直接执行修改param的操作,这样就实现了在B页面修改A页面数据的功能。

然后在进行返回跳转,此时A页面的param数据已经被修改完成。

4.此时从B页面返回到A页面触发的A页面的onshow方法,在A页面的onshow方法中可以查看this.data.param的内容变化。

 

▲此处需要注意的是A页面跳入B页面是通过wx.navigateTo才可以哦

 

  • 3
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值