当前位置:网站首页>h5页面回退到微信小程序并携带参数
h5页面回退到微信小程序并携带参数
2022-08-05 05:29:00 【weixin_43923808】
背景:微信小程序通过web-view跳转到h5页面,操作后需要携带参数回到小程序。
用到的知识点:wx.miniProgram.postMessage
在h5页面:
-
wx.miniProgram.navigateBack({delta: 1}) wx.miniProgram.postMessage({data:{ billvId: String(this.billInfo.billvId)} })
需要注意两点:1、一定要先navigateBack回退,然后再执行 postMessage的数据传输,因为官方文档中强调(网页向小程序 postMessage 时,会在特定时机(小程序后退、组件销毁、分享)触发并收到消息)
2、我们要传输的数据一定要放在data中
在小程序内的Web-view页面:
接收到传递的数据后,在获取当前页面栈,向前一个页面栈setData我们要传输的数据。
// 小程序代码 <web-view bindmessage="handleGetMessage" src="test.html"></web-view> Page({ handleGetMessage: function(e) { var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; let billvId = e.detail.data[0].billvId prevPage.setData({ invoiceId: billvId}) } })
边栏推荐
- Mina disconnects and reconnects
- Nacos集群的搭建过程详解
- Redis的使用
- Transformer详细解读与预测实例记录
- [ingress]-ingress exposes services using tcp port
- LeetCode刷题记录(2)
- el-progress implements different colors of the progress bar
- DevOps-了解学习
- System basics - study notes (some command records)
- Some basic method records of commonly used languages in LeetCode
猜你喜欢
随机推荐
The 25 best free games on mobile in 2020
人人AI(吴恩达系列)
ev加密视频转换成MP4格式,亲测可用
Jenkins详细配置
浏览器兼容汇总
GetEnumerator method and MoveNext and Reset methods in Unity
input detailed file upload
Pytorch分布式并行处理
LaTeX uses frame to make PPT pictures without labels
【5】Docker中部署MySQL
LeetCode刷题记录(2)
【8】Docker中部署Redis
【内推】新相微电子
D39_ coordinate transformation
LaTeX 图片加标题 文本分栏自动换行
如何将.asd恢复为Word文档
VSCode编写OpenCV
selenium learning
D39_Vector
scikit-image图像处理笔记