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

  },
相关推荐
zhulangfly6 小时前
Wux weapp 组件库的 bug—— wux-picker选择器组件无法正确初始化到选定的value
小程序·wux weapp
兔C7 小时前
微信小程序的轮播图学习报告
学习·微信小程序·小程序
用户48062260414159 小时前
使用uniapp开发微信小程序-框架搭建
微信小程序·uni-app
嘟嘟实验室9 小时前
微信小程序xr-frame透明视频实现
微信小程序·ffmpeg·音视频·xr
Cc_Debugger9 小时前
小程序将对象通过url传递到下个页面
小程序
低代码布道师9 小时前
从用户视角出发:用例图分析家政预约小程序
低代码·小程序
说私域9 小时前
社交媒体形象打造中的“号设化”与开源AI智能名片商城小程序的应用
人工智能·小程序·媒体
Stanford_110612 小时前
高级的SQL查询技巧有哪些?
sql·微信小程序·twitter·微信开放平台
美美的海顿14 小时前
spring boot 火车售票微信小程序LW
spring boot·后端·微信小程序·小程序·毕业设计
Kika写代码16 小时前
【微信小程序】1|底部图标 | 我的咖啡店-综合实训
微信小程序·小程序