小程序返回上个页面传参方式2种

最新推荐文章于 2024-04-26 10:27:26 发布
最新推荐文章于 2024-04-26 10:27:26 发布
阅读量933 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： 小程序 文章标签： 小程序返回页面传参
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/webZRH/article/details/103370595
本文介绍小程序中返回上一页并传递参数的两种方法：一是利用缓存存储与获取，使用wx.setStorageSync和wx.getStorageSync；二是通过当前页访问上页实例，并调用setData方法直接赋值。这些技巧有助于优化小程序页面间的数据交互。

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

小程序返回上一页传参2种方式，返回上个页面不能执行onLoad生命周期，即不能通过地址末尾传参方式
1、缓存存取方式
  wx.setStorageSync('key', 'value')//存
  wx.getStorageSync('key') //取
2、在当前页赋值上页数据
  let pages = getCurrentPages();
  let prevPage = pages[ pages.length - 2 ];
  prevPage.setData({ //对上页面进行赋值
      key:value
  })

微信小程序返回上一页传参并刷新过程解析
12-13
这篇文章主要介绍了微信小程序返回上一页传参并刷新过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 问题 微信小程序onLoad(options)方法在整个生命周期中只加载一次，也就是你进入下个页面，再返回时，是不会再次触发的,所以你返回是url传参是行不通了。 需求 现在有这么一个需求：一个商品支付页面，点击优惠卷进入优惠券列表页，选中优惠券后带着数据再返回到支付页面。 方法 一、使用到的方法是小程序的页面栈，感兴趣可以打印一下pages的内容，就是你页面跳转的轨迹数组，最后一项就是当前页面，倒数第二个就是上一页。很好理解，因为在当前页
微信小程序 返回上一页并传参
热门推荐
yechaoa
08-29 2万+
itemClick: function(e) { let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; prevPage.setData({ message: e.currentTarget.dataset.ms...
微信小程序返回上一层传参
Cicada的博客
08-30 615
微信小程序返回上一层传参 获取当前页面栈。数组中第一个元素为首页，最后一个元素为当前页面。
小程序返回传参
z0023_friday的博客
09-08 624
小程序返回传递参数 场景：个人中心页，部分功能需要用户登录才能使用，用户可以从个人中心去登录，跳转到登录页，登录完成之后，返回到个人中心页，需要主动刷新更新信息 问题：小程序返回上一页的apiwx.navigateBack()不能传参，而且由于小程序钩子函数onLoad()只执行一次，所以返回时，并不能触发onLoad()函数，所以，我们只能在onShow里面去做更新,，但是我们做更新的前提是，我们知道用户已经登录了 解决方法：wx.navigateBack()有一个成功之后的回调，并且可以设置上一页的内容
微信小程序中多个页面传参通信的学习与实践
08-30
总的来说，微信小程序中的多页面传参通信可以通过多种方式进行，包括存储和读取全局数据、直接访问前一个页面对象，以及使用事件驱动库如onfire.js。选择合适的方法取决于具体的需求和场景，但使用事件驱动的方式...
微信小程序 页面传参实例详解
09-01
微信小程序是一种轻量级的应用开发框架，允许开发者创建丰富的移动应用程序，...希望这个实例详解能帮助你快速上手微信小程序的页面传参，如果你在实际开发中遇到问题，记得查阅微信开发文档，那里有更详尽的技术支持。
微信小程序页面间跳转传参方式总结
12-10
本文主要介绍了三种常见的页面跳转传参方式：URL传参、缓存（包括小程序自带的Storage和Vuex）以及方法调用。 1. URL传参： 这是最基础的传参方式，通过在跳转的页面URL后添加查询字符串来传递参数。例如，`wx....
微信小程序返回上级页面传参的几种方法
Hassan的小博客!
02-15 7855
微信小程序返回上级页面传参的几种方法
小程序实践（九）：返回到上一个界面并传值回去
defukwanmcth26174的博客
10-23 274
常见需求，修改某个信息，需要调到一个新界面有个输入框去修改内容，修改之后，点击后退按钮，新的数据就返回更新了 App实现是自己写后退按钮，监听后退按钮，实现数据返回 但是小程序这边后退按钮是根据打开方式决定显示/隐藏的，并且这个后退按钮也没发现可以监听的事件。 解决办法就是 点击后退的时候，界面会执行对应的生命周期函数，在该函数里面执行数据回调操作就可以实现点击后退...
小程序页面间传参的五种方式
skk的博客
04-30 1万+
由于经常需要进行页面间传参且各种传参的业务场景也不相同，根据官方文档和日常工作进行了总结。共有五种传参方式，各位有什么关于页面间传参的奇思妙想也可在评论区提出，大家共同探讨
小程序页面传参方式
weixin_48180838的博客
03-25 502
小程序页面传参方式 2021 / 3 / 25 1. 页面传参 页面url中拼接参数，传递至跳转页面 在跳转页面的onLoad / onShow生命周期中，获取参数options，即可获取所传递参数 例如: 跳转页面url为 192.168.0.1 ? id=1 & s_number=100 onLoad(options){ console.log(options.id); // 1 console.log(options.s_number); // 100 } 2. 使用globalData
微信小程序：返回上页传参
weixin_46899191的博客
12-30 250
1，本页 // index.wxml <view>{{value}}</view> <view>----------------------------</view> <button type="primary" bindtap="goNextPageClick">点击</button> // index.js Page({ data: { value:'' }, goNextPageClick(){ wx.
小程序返回前一页面传参
老古懂的博客
07-30 276
之前分享了一个h5中返回上一页传参的方法，这次为小程序中写法，实现原理相同 var pages = getCurrentPages();//当前页页面实例 var prevPage = pages[pages.length - 2];//上一页页面实例 if (prevPage) { //给上一页面的变量赋值 prevPage.setData!({ prevPagedata: this.pagesdata, prevPagedatas:this.page
小程序页面返回如何传参到上一个页面
weixin_43854764的博客
10-25 451
代码复制直接用，不用感谢我 let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。 let prevPage = pages[pages.length - 2]; //prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。 prevPage.setDat...
小程序的跳转 获取上一页面的路由参数及传参 并返回跳转
最新发布
lyq1948的博客
04-26 747
【代码】小程序的跳转 获取上一页面的路由参数及传参 并返回跳转。
微信小程序 返回上一页传值
xniYa的博客
05-23 880
微信小程序 返回上一页传值
微信小程序返回上一页的方法并传参
chenjingshen1214的博客
11-07 1294
这个有点像子-->父传值 第一步，在子页面点击上一步或者保存数据请求成功以后添加如下代码、 var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //上一个页面 //直接调用上一个页面的setData()方法，把数据存到上一个页面中去 prevPage.setData({ ...
小程序返回上一页传参
08-23
在小程序中，返回上一页并传递参数可以通过以下步骤实现： 1. 首先，使用`wx.navigateBack()`方法返回上一页。该方法可以接收一个参数，表示返回的页面数，默认值为1。例如，如果要返回上一页，可以使用`wx.navigateBack()`或`wx.navigateBack(1)`。 2. 在返回上一页的同时传递参数，可以使用`getCurrentPages()`方法获取当前页面栈。该方法返回一个数组，包含所有当前页面的栈信息，最后一个元素即为当前页面。 3. 获取当前页面对象后，可以使用`setData()`方法设置页面的data属性，传递需要的参数。例如，如果要传递一个名为`param`的参数，可以使用`this.setData({ param: value })`。 4. 在上一页的`onLoad()`生命周期函数中，可以通过`options`参数获取传递的参数值。例如，如果要获取名为`param`的参数值，可以使用`options.param`。 下面是一个示例代码： 当前页（page1）： ```javascript // 返回上一页，并传递参数 wx.navigateBack({ delta: 1, success: function () { // 获取当前页面对象 const pages = getCurrentPages(); const prevPage = pages[pages.length - 1]; // 设置参数 prevPage.setData({ param: value }); } }); ``` 上一页（page2）： ```javascript Page({ onLoad: function (options) { // 获取传递的参数值 const paramValue = options.param; console.log(paramValue); } }); ``` 在上述示例中，我们在当前页调用`wx.navigateBack()`方法返回上一页，并使用`setData()`方法设置了参数`param`的值。在上一页的`onLoad()`生命周期函数中，通过`options`参数获取了传递的参数值，并将其打印到控制台上。 请注意，返回上一页并传递参数只适用于返回到小程序的上一页。如果要跳转到其他页面并传递参数，可以使用`wx.navigateTo()`方法，并在目标页的`onLoad()`生命周期函数中获取传递的参数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值