【微信小程序】wx.navigateBack() 携带参数返回

小程序 navigateBack 携带参数返回的三种方式(详细) API 地址: https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html。给出第二个参数时,只取消给出的监听函数,否则取消所有监听函数。注意:这种方式需要基础库2.x, 支付宝小程序同样需要2.x以上的基础库。由于这种方式,不推荐,就不多描述了,感兴趣的,点击Url去看吧。这种方式,就相当于web PC中的。监听一个事件一次,触发后失效。 阅读详情
AI摘要

本文分享了一种在微信小程序中实现表单页面省市区选择功能时不丢失原有表单数据的方法,通过使用getCurrentPages()获取页面栈信息,直接修改上一页面的数据,避免了页面重新加载导致的数据丢失。

今天写了一个功能页面, 是一个表单的提交页,其中有要求选择省市区的一栏,省市区分别是三个页面。刚开始我的思路是这样的,当我点击选择省市区那一栏,跳转到选择省份的页面,选择好后,携带参数跳转到选择市的页面,然后继续携带参数跳转到选择区的页面,最后携带三个页面的参数跳转回表单页, 乍一想,这样的思路逻辑很清晰,没什么毛病,但在实际操作中出现,当我选择好省市区携带参数跳转回表单页的时候,之前填写的表单信息会被清空。(因为执行了onload)。出现这种情况,下一秒的想到的对策就是存storage,但是我对storage一向不太喜欢,要存要取要清空,这不是我想要的东西。然后我就继续思考,我想到了引起这种情况的原因是因为页面重新加载,那么如果我不让页面重新加载,那我之前的值不就不会被清空了嘛。说干就干,立刻重写代码达到效果,下面是效果图:

问题完美解决,而且我也得到了我想要的数据。

在我使用这个方法过后,发现这个方法功能异常强大,非常好用推荐给大家。

下面看代码:

let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。

let prevPage = pages[ pages.length - 2 ];  

//prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面,-3是上上个页面以此类推。

prevPage.setData({  // 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作。

    id:e.currentTarget.dataset.id,

    istype : e.currentTarget.dataset.istype,

    isaddress : e.currentTarget.dataset.isaddress

})

//上一个页面内执行setData操作,将我们想要的信息保存住。当我们返回去的时候,页面已经处理完毕。


//最后就是返回上一个页面。

wx.navigateBack({

    delta: 1  // 返回上一级页面。

})

//此时页面数据已经改变为我们传递过来的数据。如果想要返回之后处理这些数据,那么要在onShow函数里执行,因为我们执行的是返回,所以不会触发onLoad函数,所以我们要在onShow里执行我们想要使用的函数。

这就是今天的所有内容是不是非常的方便,不必再写一大串的参数传来传去,如果觉得有用,点个赞吧~

uni-app - uni.navigateBack 返回后更新上一页数据(uni.navigateBack 返回页面携带参数) 效果图 前言 假设需求:从A页面跳转到B页面,当从B页面使用uni.navigateBack返回A页面后,改变A页面上的数据。 假如,我们现在有如下两个页面,用以实现如上需求。 A.vue <template> <view> <button@click="toPage()">{{title}}</button> <view>{{title}}</view> </view> 阅读详情

相关推荐

微信小程序 - wx.navigateTo({}) 跳转页面携带 对象/数组/复杂数据 参数(携带一个复杂对象数据参数)

前言 你可以理解为:携带一个复杂对象数据参数,实现跳转页接收。 在微信小程序,使用wx.navigateTo({})API携带参数跳转页面很常见,但是今天有一个需求,需要携带一个复杂的数据,它是一个数组,里面嵌套了N个对象,对象里还有数组。 解决方案 使用JSON对象的两个方法: JSON.strtingify:将object转化为字符串 JSON.parse:将字符串解析为object。 /* *[发送参数] *将对象解析为字符串 */ wx.navigateTo({

🏆 前端领域优质创作者 7648

微信小程序 navigateBack携带参数返回、跳转传递参数

微信小程序navigateBack跳转传递参数

夜阑珊妖妖 1万+

人工智能之语言领域 自然语言处理 第六章 情感分析

情感分析(Sentiment Analysis),又称意见挖掘(Opinion Mining),旨在自动识别和提取文本中表达的主观情感、态度或情绪。从用户评论到社交媒体,从产品反馈到政治舆情,情感分析已成为企业决策、品牌监控和人机交互的关键技术。本章将深入介绍情感分析的层级结构、核心技术、主流模型,并通过社交媒体舆情实战案例完整演示分析与可视化流程。层级目标示例词级(Word-level)判断单个词的情感倾向“好” → 正面;“差” → 负面句级(Sentence-level)判断整个句子的情感极性。

咚咚王者的博客 857

微信小程序navigateBack如何带参数

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

qq_38932474的博客 3791

单端反激电源的RCD钳位电路吸收设计

反激电源尖峰电压和特点: 反激开关电源主要适用于中小功率<100W的电源设计中,特点是电路简单、成本低、可靠性高、宽稳压范围、转换效率PF高。但是由于本身变压器的漏感和其他参数的影响,变压器在高速开关关断瞬间会产生很大的尖峰电压,截止时产生的尖峰电压是由电路中的储能元件释放的电流引起的突变,过高的尖峰电压会影响开关管的正常工作,需要对尖峰电压采取措施抑制尖峰电压。 如上图所示,尖峰电压的钳位抑制方式有很多种。 TVS成本偏高,属于硬件导通,元件的可靠性较差,在低电压工作效果不理想。 RCD回路吸收

qq_31687191的博客 8490

ANSYS APDL齿轮建模实战:从渐开线方程到完整3D模型的保姆级教程

本文详细介绍了使用ANSYS APDL进行齿轮建模的全过程,从渐开线方程的数学基础到完整3D模型的创建。通过参数化命令流实现高精度齿轮建模,特别适合机械设计和仿真分析需求。教程包含关键参数计算、APDL环境配置、单齿齿廓建模以及全齿轮阵列复制等实用技巧,帮助工程师快速掌握ANSYS APDL在齿轮建模中的应用。

lg888的博客 447

微信小程序 - wx.navigateBack() 携带参数返回

wx.navigateBack()文档传送门 首先文档中并没说明如何通过wx.navigateBack() 传递参数,而其他路由方式可以直接URL拼接传递,但在说明中提及了getCurrentPages,getCurrentPages是能够获取页面栈中所有相关信息的一个方法,而在里面通过打印可以看到这些: 在实践发现可以通过利用getCurrentPages去传递参数 let pag...

删库跑路 1万+

金蝶云星空应用开发初级考试题目汇总

摘要:本文为金蝶云星空应用开发初级考试题目汇总

2401_86113757的博客 3799

小程序navigateback传值_微信小程序wx.navigateBack() 携带参数返回

这篇文章讲一下如何实现wx.navigateBack() 携带参数返回的其实wx.navigateBack() 是不能带参数的 但是我们可以借助getCurrentPages() 把页面的参数传回上一页面 实现想了解getCurrentPages() 可以看一下我另一篇文章: 微信小程序利用getCurrentPages进行页面之间传值好了具体代码如下//获取当前页面js里面的pages里...

weixin_35457969的博客 3549

Claude Code vs Codex

Claude Code 提供了一个生产就绪(production-ready)的实现,包含良好的错误处理、优雅的关闭逻辑、详细注释和文档,以及内置测试。Claude Code 输出了一个可运行的 Next.js + TypeScript 前端,但错过了一些设计里的黄色主题元素;Codex 则生成自己的版本,没有导出设计中的图片,也没严格遵照设计主题。Codex 完成同样功能,但更简洁直接,文档和注释少一些但功能达标。任务都用同样的提示,使用 TypeScript 实现,并在一天内完成。

weixin_49869937的博客 2391

【Python程序开发】湖南省职业院校技能大赛python程序开发赛项样题二

【Python程序开发】湖南省职业院校技能大赛python程序开发赛项样题二

况老师话竞赛&blog 2204

微信小程序 wx.navigateBack() 携带参数返回

要实现的功能如下图点击关闭界面把值返回到上一层界面 wx.navigateBack(Object object) 在路由里面讲的看下文档 实现方法: 首先大打印下传值 click:function(e){ console.log("hly",e) } 在控制台看下 了解之后开始写 小程序可以把返回到的界面数据直接在要返回界面赋值,具体 现在要...

小牧在一直在学习,在前进的道路上大家一起学习,进步。 7300

RT-DETR算法优化改进:DCNv4更快收敛、更高速度、更高性能,效果秒杀DCNv3、DCNv2等 ,助力检测

DCNv4更快收敛、更高速度、更高性能,完美和RT-DETR结合,助力涨点

①答疑群聊服务;②YOLO大模型知识问答系统;③计算机视觉论文生成智能体; 1323

微信小程序返回上一页携带参数(wx.navigateBack(){}方法)

话不多说直接上代码!我就喜欢拷贝了就能使用的代码!注意修改一下参数名和值就行了! let pages = getCurrentPages(); // 当前页的数据,可以输出来看看有什么东西 let prevPage = pages[pages.length - 2]; // 上一页的数据,也可以输出来看看有什么东西 /** 设置数据 这里面的 value 是上一页你...

qq_40609754的博客 8217

2024年ERP管理系统职业技能大赛软件测试赛项-测试报告

【说明本次测试的最终测试结果总结、测试过程中遇到的重要问题以及如何解决、被测系统的质量结论、个人的收获以及团队的得失等】【说明编写本测试报告的目的和实际读者】【说明本次测试实际人员安排及主要职责】【说明本次测试使用的测试用例设计方法】【说明本次测试使用的测试方法】【针对本次测试进行Bug汇总】【针对本次测试进行用例汇总】【说明本项目的背景情况】【说明本次测试的实际。

Code is fun. 789

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

微信小程序 - 问题 - 返回上一页携带参数(wx.navigateBack(){}方法)

(1)wx.navigateBack() back:function(){ var pages = getCurrentPages(); var currPage = pages[pages.length - 1]; //当前页面 var prevPage = pages[pages.length - 2]; //上一个页面 //直接调用上一个页面对象...

巴黎左岸 · 荼靡花开 2387

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

微信小程序wx.navigateBack() 携带参数返回

在做购物商城时候,在支付界面点击选择地址,跳转地址界面,选中地址返回支付界面的时候,需要将地址信息返回,这时候使用的是navigateBack()进行返回,不能通过url直接传递参数,可选方法如下 一 通过本地缓存storage保存数据,在地址界面使用wx.setSorageSync()保存选中的地址,在支付界面的onShow方法中使用wx.getStorageSync()获取缓存中的地址即可 这是一种可行的方法,不过本文章介绍另外一种实用的方法 二 1 使用let pages = getCurrentP

weixin_43760969的博客 1304

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

微信小程序 wx.navigateBack() 携带参数返回(刷新上页参数信息)

微信小程序页面跳转,更新上一级页面的参数

2395

后退一步 小程序_微信小程序:如何利用navigateBack退出小程序

在Android开发时,我们可以使用finish()或者结束进程等手段达到退出app的效果,但是,微信小程序则没有提供退出小程序的api,必须用户点击系统返回键或者点击顶部小程序固定的的退出按钮...那么,有什么办法来实现退出小程序的功能呢?虽然微信没有提供退出小程序的api,但是有一个api是wx.navigateBack(),这个可以返回前一个页面或者前n个页面(指定参数delta)那么,我们...

weixin_35719581的博客 4215

html返回上一页传值,微信小程序返回页面并传值

从A页面进入B页面再从B页面携带参数返回到A页面B页面要带到A页面的参数1 //返回上页面并携带参数2 let pages = getCurrentPages();3 let prevPage = pages[pages.length - 2];//上一页面4 prevPage.setData({5 mydat...

weixin_32027491的博客 349
上一篇: 【微信小程序】自己遇到的问题和解决方法 (有水货有干货,持续更新)
下一篇: Ubantu 常用命令
NAMECZ
博客等级 码龄9年 175粉丝 64原创
评论 75
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值