微信小程序—navigateBack实现带参数返回上一页

最新推荐文章于 2023-12-12 10:42:37 发布
原创 最新推荐文章于 2023-12-12 10:42:37 发布 · 613 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序 #js

本文介绍了一种在微信小程序中实现页面间值传递的方法，通过获取页面栈并修改上一页的数据，实现收货地址信息的返回与显示，适用于订单页面的场景。

在项目的开发时候，需要做到一个收货地址的选择功能，选择完毕后需要返回到订单页显示收货地址，但是微信小程序中并没有带值返回这个功能，
所以唯一的解决方法就是需要提取上一页的页面栈，然后设置上一页的页面栈内的data数据即可
具体实现如下

returnto:function(e){
   
   
    console.log(e.currentTarget.dataset.index);
    var index=e.currentTarget.dataset.index
最低0.47元/天 解锁文章
小程序 navigateBack 携带参数返回的三种方式（详细）
https://shixuebin.gitee.io/hexo-blog/
09-12 2320
API 地址： https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html。给出第二个参数时，只取消给出的监听函数，否则取消所有监听函数。注意：这种方式需要基础库2.x, 支付宝小程序同样需要2.x以上的基础库。由于这种方式，不推荐，就不多描述了，感兴趣的，点击Url去看吧。这种方式，就相当于web PC中的。监听一个事件一次，触发后失效。
微信小程序开发（三）：返回上一级页面并刷新操作示例【页面栈】
11-20
首先，微信小程序提供了`wx.navigateBack()`方法来实现返回上一页面的操作。然而，此方法仅会返回到上一页面，并不会自动触发页面的刷新。这意味着，如果上一级页面的数据加载是在`onLoad()`方法中完成的，那么在...
小程序：navigateBack携带参数返回
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
11-01 679
需求 今天做一个关于商城的小程序遇到一个问题，如图1点击地址后，进入图二选择地址页面，随便选择一个后，再回到图一并且用选择的地址替换掉图1的红色。 那么我想到的做法是：图二选择完后直接用 wx.navigateBack() 返回，可是怎么样同时传值到图1呢，接下来看代码。 代码 // 图一核心代码，接受数据 onShow: function () { console.log(this.dat...
【微信小程序】wx.navigateBack() 携带参数返回
热门推荐
NAMECZ的博客
07-24 7万+
今天写了一个功能页面， 是一个表单的提交页，其中有要求选择省市区的一栏，省市区分别是三个页面。刚开始我的思路是这样的，当我点击选择省市区那一栏，跳转到选择省份的页面，选择好后，携带参数跳转到选择市的页面，然后继续携带参数跳转到选择区的页面，最后携带三个页面的参数跳转回表单页， 乍一想，这样的思路逻辑很清晰，没什么毛病，但在实际操作中出现，当我选择好省市区携带参数跳转回表单页的时候，之前填写的表单信...
小程序navigateBack携带参数返回上一页
YourNikee的博客
09-16 1020
wx.navigateBack携带参数返回上一页 其实和其他框架上的操作父组件方法类似，在返回的方法上获取所有page，通过所有page去拿到当前页的上一页数据，改变获取页面的值即可，代码如下： 在返回上一页方法中写入 let pages = getCurrentPages(); //获取所有page let prevPage = pages[pages.length - 2];/...
wx.navigateBack携带参数
Yana_li的博客
12-14 3万+
一.let pages = getCurrentPages();//当前页面 let prevPage = pages[pages.length-2];//上一页面 prevPage.setData({//直接给上移页面赋值 item: e.currentTarget.dataset.item, selAddress:'yes' }); wx.navigateBack({//返回 del
微信小程序navigateBack如何带参数
weixin_34341229的博客
06-25 542
wx.navigateBack({//返回 delta:1 })  方法如下： 一. var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //上一个页面 //直接调用上一个页面的setData()方法，把数据存到上一个页面中去 prevPage.setData({ m...
微信小程序返回上一页传参并刷新过程解析
10-15
总结来说，微信小程序中返回上一页传参并刷新的实现主要是通过页面栈获取上一个页面的引用，然后直接操作上一个页面的 `data`，并在需要刷新数据的方法（如 `onShow()`）中处理接收到的参数。这种技术对于处理页面间...
微信小程序返回多级页面的实现方法
08-29
本文将详细介绍微信小程序返回多级页面的实现方法，包括使用 wx.navigateBack() 方法和自定义按钮实现返回效果，以及解决点击手机的返回键也返回上两页或者多页的实现方法。 一、使用 wx.navigateBack() 方法实现...
微信小程序返回上一级页面的实现代码
10-15
在微信小程序开发中，用户经常需要实现从当前页面返回上一级页面的功能，以便在多级导航中提供便捷的用户体验。本篇文章将详细介绍如何在微信小程序中实现这个功能，并提供具体的代码示例。 首先，微信小程序提供了...
小程序选择收货地址navigateBack跳转返回上一页面传递参数，数据更新
wsxDream的博客
02-05 624
话不多说直接上代码，代码里有注释 // 点击地址选中地址返回上一个页面 seleect_site(e){ console.log(e) let item=encodeURIComponent(JSON.stringify(e.currentTarget.dataset.item)) var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //上一个页面 // 调用上一个页面对
uni.navigateBack() 返回页面携带参数
m0_69439101的博客
12-12 3475
【代码】uni.navigateBack() 返回页面携带参数。
小程序 `navigateBack` 反向传值给上一页
Liubo的博客
08-06 3070
//点击地址反向传值 sendAddress: function(e) { let _this = this; var index = e.currentTarget.dataset.index; var address = _this.data.addressList[index]; var pagesArr = getCurrentPages(); ...
uni-app:navigateBack返回上一页（含参数传递）
weixin_46001736的博客
07-21 9759
uni-app:navigateBack返回上一页
uni.navigateBack返回页面带参数
m0_58135258的博客
08-31 1412
uni.navigateBack返回页面带参数
Taro.navigateBack携带参数
weixin_43582313的博客
03-16 6558
在写程序的过程中，会有返回上一个页面，要把当前页面的参数传到上一个页面的需求，那么Taro.navigateBack如何传参呢？ 上代码： // 当前页面 let pages = Taro.getCurrentPages(); // 获取当前的页面栈 let prevPage = pages[pages.length-2]; // 获取上一页面 prevPage.setData({ //设置上...
uni-app的uni.navigateBack返回页面带参数
棠樾的博客
03-08 877
需求：要求B页面返回A页面同时传递参数，使用uni.navigateBack()A页面的数据也不会丢失。 let pages = getCurrentPages(); //获取所有页面栈实例列表 let nowPage = pages[ pages.length - 1]; //当前页页面实例 let prevPage = pages[ pages.length - 2 ]; //上一页页面实例 prevPage.$vm.couponOverTime = true; // couponOverTi...
uniapp的uni.navigateBack返回页面带参数
斗师——Ace
08-16 5万+
let pages = getCurrentPages(); //获取所有页面栈实例列表 let nowPage = pages[ pages.length - 1]; //当前页页面实例 let prevPage = pages[ pages.length - 2 ]; //上一页页面实例 prevPage.$vm.searchVal = 1211; //修改上一页data里面的se...
微信小程序 navigateBack 携带参数
最新发布
06-04
嗯，用户想了解如何在微信小程序中使用navigateBack携带参数。我需要先回忆一下微信小程序的页面跳转机制。根据之前的知识，navigateBack通常是关闭当前页面返回上一页，但直接传参可能不太容易，因为不能像navigate...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值