H5向微信小程序发送信息(小程序web-view打开H5)

引入weixin-js-sdk

复制代码
npm i weixin-js-sdk

页面引入

复制代码
	// 引入wxjs
	import wx from "weixin-js-sdk";

点击触发方法

javascript 复制代码
methods: {
			
			
			goweap(id){
				
		
				console.log(wx);
				// H5传递数据 (navigateBack)
				wx.miniProgram.navigateBack({delta: 1});
				wx.miniProgram.postMessage({
				  data: {
				          id: id
				        }
				  });
			},
}

小程序接收信息

html 复制代码
<web-view bindmessage="getMessage" src="http://localhost:8080" />
javascript 复制代码
  getMessage(e:any){
    console.log("\(^o^)/~",e);
    

  },
相关推荐
WX:ywyy67982 小时前
从0到1:付费短剧小程序全栈定制开发实战与避坑指南
微信·小程序·短剧小程序开发·短剧系统开发·短剧app开发·短剧平台开发·短剧平台搭建
笨笨狗吞噬者2 小时前
【uniapp】小程序端解决分包的uni_modules打包后产物进入主包中的问题
前端·微信小程序·uni-app
天空属于哈夫克34 小时前
Java 开发|企微外部群主动发送小程序消息实战
开发语言·python·小程序·自动化·企业微信·rpa
焦糖玛奇朵婷5 小时前
做盲盒小程序,如何少走弯路?
数据库·程序人生·小程序·开源软件·软件需求
玛雅牛牛5 小时前
商城小程序实用度多家对比+新手友好款
大数据·小程序
CHU7290355 小时前
货运物流APP前端交互创新:以用户为中心重构运输服务全链路
java·前端·小程序·重构
幽络源小助理5 小时前
小程序源码分享:模拟人生游戏源码
微信小程序·游戏源码
十一0829936 小时前
扫描普通二维码跳转小程序
小程序
CHU7290356 小时前
以安心托付,换无忧时光:宠物寄养小程序功能浅析
小程序·宠物
卓越软件开发6 小时前
毕设全栈开发一条龙:Java/SpringBoot/Vue/ 小程序 / Python / 安卓 / AI 图像识别 人脸检测 车牌识别 YOLO
开发语言·spring boot·python·yolo·小程序·毕业设计·课程设计