【微信小程序】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万+

安卓-折叠屏平行视界适配(多厂商兼容与优先级实战)

本文详细解析了安卓折叠屏平行视界适配的现状与挑战,重点探讨了多厂商兼容性策略和优先级冲突的实战解决方案。通过对比Google的Embedding方案和国内厂商的EasyGo标准,提供了检测设备支持方案、处理优先级冲突及双方案共存的最佳实践,帮助开发者高效完成折叠屏适配。

weixin_29190169的博客 164

微信小程序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

SIwave串扰分析保姆级教程:从Allegro文件导入到结果解读,手把手教你排查PCB信号问题

本文提供SIwave串扰分析的详细教程,从Allegro文件导入到结果解读,手把手教你排查PCB信号问题。涵盖环境准备、参数配置、串扰扫描技巧及实战案例,帮助工程师精准定位和解决高速PCB设计中的串扰问题,提升信号完整性分析能力。

weixin_42620913的博客 259

001-基础入门-Web演示源码&资源&工具箱等

小迪安全2023笔记

wushangyu32335的博客 4265

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

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

删库跑路 1万+

重头开始学ROS(8)---LVI-SAM复现与实机部署Ubuntu20.04以及如何适配6轴imu

本文详细记录了在Ubuntu20.04环境下复现LVI-SLAM系统的过程,主要包含四个部分:源码编译、问题解决、数据录制和6轴IMU适配。在编译过程中遇到GTSAM、PCL版本、OpenCV路径等典型问题并给出解决方案;详细说明了ROS bag包的录制规范;针对6轴IMU硬件限制,提供了核心代码修改方案。文章为LVI-SLAM系统在非标准环境下的部署提供了实用参考,特别适合需要适配不同硬件配置的研究者。

qq_73991479的博客 1558

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

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

weixin_35457969的博客 3549

解锁RK3588多屏异显:MIPI+HDMI+EDP混合输出全攻略

本文详细介绍了RK3588处理器在MIPI+HDMI+EDP混合输出配置中的技术实现与应用。作为一款高性能处理器,RK3588凭借其强大的图形处理能力,支持多屏异显功能,可满足智能安防、工业控制等领域的多屏显示需求。文章从硬件连接、设备树配置、内核驱动设置到显示参数调整,系统阐述了配置流程,并针对信号不稳定、显示模式不匹配等常见问题提供了解决方案。通过智能安防监控案例,展示了该技术在提高监控效率方面的实际应用价值。随着技术进步,RK3588多屏异显技术将在更多领域发挥重要作用,为开发者提供灵活多样的显示方案

远程部署调试 运行安装 项目调试 二次开发 项目技术新 持续迭代 部分源码免费分享 2433

用Virtuoso和Abstract完成gds2lef

需要用到的工具有virtuoso和abstract。 数模混合的项目通常需要模拟完成模块设计,把接去数字的pin打上label(text),数字的floorplan才能正式开始。 如果只需要简单的数字PR boundary和pin点位置,那么只使用virtuoso就够了,还想把模拟版图都转成lef就要用到abstract工具。 1.PR boundary+pin 1)在virtuoso中打开layout a) Gui操作: Create->P&R Objects->

m0_61544122的博客 8746

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

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

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

Android功耗系列专题理论之十一:高通QCOM平台待机功耗问题分析方法

本文详细介绍了高通QCOM平台待机功耗问题的分析方法。首先强调测试环境标准化的重要性,包括关闭无线功能、日志记录和非必要传感器。重点分析了硬件连接检查、驱动配置验证、电源管理策略优化等关键步骤。文章详细讲解了射频校准、时钟源/中断分析、子系统状态检查等专业技术方法,并提供了具体的命令行操作示例。此外还介绍了外设拆解、外灌电压测试等硬件排查手段,以及功耗分解板、波形分析等高级诊断技术。最后强调了固件版本验证和环境因素测试的必要性,为工程师提供了系统性的功耗问题排查思路。

772

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

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

qq_40609754的博客 8217

Uni-App 使用极光推送完整指南

Uni-App集成极光推送的完整指南:从注册极光账号到代码实现。包含前期准备(获取AppKey、注册厂商账号)、Uni-App配置(插件导入、初始化代码)、高级功能(角标设置、Java后台接口)及常见问题排查。详细说明了推送监听、registrationID获取、消息接收处理等核心功能实现步骤,并提供两种推送接口示例(按平台推送和统一推送)。适合需要在Uni-App项目中实现推送功能的开发者参考。

cyj0919的博客 429

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

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

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

巴黎左岸 · 荼靡花开 2387

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

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

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

weixin_43760969的博客 1304

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

微信小程序 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、付费专栏及课程。

余额充值