项目场景:
开发一个小程序项目,用的是微信原生开发,涉及到一个数据回显操作。
问题描述:
要实现从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 // 返回上一级页面。
})
},