wx.navigateBack带参数使用方法

最新推荐文章于 2024-04-30 17:34:46 发布
最新推荐文章于 2024-04-30 17:34:46 发布
阅读量1.3k 收藏
点赞数
分类专栏： 微信小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CallMe_CrabXie/article/details/105844801
版权
有时候我们返回页面的时候需要带参数传递回去，但是它不支持url的写法，那我们怎么办呢,具体如下：

首先看我页面的层级关系

在这里插入图片描述
代码如下：
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200429173029711.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NhbGxNZV9DcmFiWGll,size_16,color_FFFFFF,t_7

curpage代表当前页面js里面的pages里的所有信息，不清楚的话可以console一下看看。
prepage是代表需要返回页面，同样也可以console一下查看详情。

我这里是传一个数组回去，所以定义了一个curlist，list、type是上一个页面的data里面定义的list和type，这样写就可以传递回去啦
上一页查看参数：因为是返回回去的，所以上一页不会执行onload方法，而必须在onshow方法里面设定一系列操作

CallMe_CrabXie
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
微信小程序wx.navigateTo中events属性实现页面间通信传值，数据同步
12-03
小程序wx.navigateTo路由方法中新增加了events属性，可以用于监听被打开页面发送到当前页面的数据。基础库 2.7.3 开始支持。 相关文档链接：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html 基本使用方法文档中已经有示例，可以参考 上级页面 新打开页面 通过上面的方法，小程序可以实现不同页面直接互相调用相关方法，也能进行页面间传值等处理
微信小程序 navigateBack携带参数返回、跳转传递参数
夜阑珊妖妖
01-04 1万+
微信小程序navigateBack跳转传递参数
微信小程序使用wx.navigateBack()时携带参数
最新发布
qq_43271846的博客
04-30 201
回到上一页，在data里定义 testdata，
微信小程序navigateBack如何带参数
qq_38932474的博客
02-18 3576
wx.navigateBack({//返回 delta:1 }) 方法如下： 一. var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //上一个页面 //直接调用上一个页面的setData()方法，把数据存到上一个页面中去 prevPage.setData({ mydata: {a:1, b:2} }) 二. 回到上一页，在data里定义mydata，然后在onshow里 var pages = getCurrent
uni.navigateBack() 返回页面携带参数
m0_69439101的博客
12-12 1643
【代码】uni.navigateBack() 返回页面携带参数。
微信小程序 wx.navigateBack() 携带参数返回（刷新上页参数信息）
04-24 2061
微信小程序页面跳转，更新上一级页面的参数
小程序使用wx.navigateBack()时携带参数
LQS000的博客
06-10 903
【代码】小程序使用wx.navigateBack()时携带参数。
微信小程序开发（三）：返回上一级页面并刷新操作示例【页面栈】
11-20
在很多业务场景之下，需要返回上一级页面，并进行刷新，在微信小程序中的wx.navigateBack 方法中，返回上一页是不会刷新的。如果上一页的页面加载是在onLoad方法中触发的话，那么可以修改为在onShow方法中触发。 ...
小程序页面跳转解析
03-29
有关小程序页面间跳转的 API 函数，微信一共为我们提供了 4 个（另外，还有返回上一级或多级的 wx.navigateBack）。 下面，我将主要围绕这四个 API 函数，教你如何跳出页面跳转的大坑。 四个接口怎么用？ 这四个 ...
微信小程序详解：页面之间的跳转方式【路由】和参数传递
03-29
5.使用实现对应的跳转功能； 分析： 其中navigateTo是将原来的页面保存在页面栈中，在跳入到下一个页面的时候目标页面也进栈，只有在这个情况下点击手机的返回按钮才可以跳转到上一个页面； redirectTo和switchTab
微信小程序--location API
03-29
还有一个就是打开内置地图之后再返回会报一个错误(Page route错误—WAService.js:2 navigateBack 一个不存在的webviewId0)如果有知道的可告知，我找到解决方式也会补充下！ 主要属性： wx.getLocation(object)获取...
微信小程序开发之路由切换页面重定向问题
12-11
使用 wx.navigateBack 可以返回到当前页面。 wx.navigateTo({ //当前页面对应的JS文件内 控制模板 url: 'test?id=1' //需要切换到的页面路劲，此处为相对路劲，id为传递的参数 }) //test.js //test页面对应的J
【微信小程序】wx.navigateBack() 携带参数返回
热门推荐
NAMECZ的博客
07-24 7万+
今天写了一个功能页面， 是一个表单的提交页，其中有要求选择省市区的一栏，省市区分别是三个页面。刚开始我的思路是这样的，当我点击选择省市区那一栏，跳转到选择省份的页面，选择好后，携带参数跳转到选择市的页面，然后继续携带参数跳转到选择区的页面，最后携带三个页面的参数跳转回表单页， 乍一想，这样的思路逻辑很清晰，没什么毛病，但在实际操作中出现，当我选择好省市区携带参数跳转回表单页的时候，之前填写的表单信...
小程序 navigateBack 携带参数返回的三种方式（详细）
https://shixuebin.gitee.io/hexo-blog/
09-12 1489
API 地址： https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html。给出第二个参数时，只取消给出的监听函数，否则取消所有监听函数。注意：这种方式需要基础库2.x, 支付宝小程序同样需要2.x以上的基础库。由于这种方式，不推荐，就不多描述了，感兴趣的，点击Url去看吧。这种方式，就相当于web PC中的。监听一个事件一次，触发后失效。
微信小程序之页面带参跳转
qq_41988669的博客
01-06 1万+
本文转载:https://blog.csdn.net/generallizhong/article/details/117773615。页面跳转参数传递有很多中方式，这里只说一种非常简单的。
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...
h5如何使用navigateBack回退到微信小程序页面并携带参数
杨晓风 迷迭香的记忆
11-23 1356
在h5中使用navigateBack回退到微信小程序页面很常见，但是有一种交互需要在回退之后的页面可以得到通知，拿到标识之后，进行某些操作，这样的话，由于微信官方并没有直接提供这样的api，就需要我们开动脑筋曲线救国一下：navigateBack + postMessage。
微信小程序navigateBack 返回上一页面并携带参数
qq_27628085的博客
08-19 1745
从A页面进入B页面在从B页面携带参数返回到A页面 首先： B页面要获取到A页面的参数 // 返回上一页携带参数 let pages = getCurrentPages(); let prevPage = pages[pages.length - 2]; //上一页 -1为当前页面 prevPage.setData({ valid: add, //valid 是要传给A页面使用 }) setT
wx.navigateback带参数传值
06-28
wx.navigateBack可以带参数传值，可以通过options参数来传递参数。例如： 在A页面中，使用wx.navigateTo跳转到B页面，并传递参数： wx.navigateTo({ url: 'B页面的路径?参数名1=参数值1&参数名2=参数值2' }) 在B...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值