wx.navigateBack返回上级页面传参,实现数据回显。

本文介绍了一种在微信小程序中实现数据回显的方法。具体来说,是从A页面跳转到B页面选择数据后,通过wx.navigateBack返回A页面并更新所选数据。此方案利用了getCurrentPages获取页面栈信息,并在返回前页面时通过setData更新数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

项目场景:

开发一个小程序项目,用的是微信原生开发,涉及到一个数据回显操作。


问题描述:

要实现从A页面进入B页面,在B页面选择完数据以后,返回A页面的时候,将选择到的数据带回A页面显示。这里使用wx.navigateBack返回A页面。


 

解决方案:

废话不多说,直接上干货,代码走起

前端部分:
<block wx:for="{{dataList}}">
      <view class="line" data-userid="{{item.F_UserId}}" data-username="{{item.F_RealName}}" bindtap="goBack">
        <view class="row">{{item.F_RealName}}</view>
        <i class="iconfont icontesecanyin29"></i>
      </view>
    </block>

js部分:
goBack(e) {
    let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。
    let prevPage = pages[pages.length - 2];
    prevPage.setData({  // 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作。
      userid: e.currentTarget.dataset.userid,
      username: e.currentTarget.dataset.username
    })
//该部分执行后,会在上一个页面内执行setData操作,将我们选择好的数据保存下来。当我们返回去的时候,页面已经处理完毕,将选择的数据绑定到对应的参数上。
   
 wx.navigateBack({
      delta: 1  // 返回上一级页面。
    })
  },

最后要注意,A页面上的参数一定要定义好哦!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值