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);
    

  },
相关推荐
kyriewen1 天前
一个人+Cursor,7天上线付费小程序:第1天我就想放弃了
前端·微信小程序·cursor
暗不需求1 天前
从路虎汽车小程序看微信小程序开发的最佳实践
前端·javascript·微信小程序
博客zhu虎康1 天前
小程序:解决小程序发布上线后无分享功能
小程序
tuanyuan99o1 天前
2026商城小程序的安全怎么保障?防止黑客攻击和数据泄露
安全·小程序
facetarzan2 天前
微信小程序文件下载
小程序·文件预览·文件下载
aiguangyuan2 天前
微信小程序服务商
微信小程序·前端开发
一支帆2 天前
微信小程序-情侣点餐
java·微信小程序·情侣点餐
Slow菜鸟2 天前
AI开发-微信小程序(全流程提示词)
人工智能·微信小程序
橘子海全栈攻城狮2 天前
【最新源码】鸟博士微信小程序 023
spring boot·后端·web安全·微信小程序·小程序
Yuujs2 天前
微信小程序反编译保姆级教程
微信小程序·小程序