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

  },
相关推荐
小咕聊编程1 小时前
【含文档+PPT+源码】基于微信小程序的社区便民防诈宣传系统设计与实现
微信小程序·小程序
向明天乄2 小时前
uni-app微信小程序登录流程详解
微信小程序·uni-app
小新1103 小时前
微信小程序学习之轮播图swiper
学习·微信小程序·notepad++
熊猫钓鱼>_>6 小时前
中国版Cursor,基于腾讯云CodeBuddy的节日推荐小程序的智能化开发实践
小程序·腾讯云·节日
AC-PEACE7 小时前
小程序初始化加载时间优化 步骤思考与总结
react.js·小程序·前端框架
老李不敲代码7 小时前
榕壹云打车系统:基于Spring Boot+MySQL+UniApp的开源网约车解决方案
spring boot·mysql·微信小程序·uni-app·软件需求
说私域7 小时前
桑德拉精神与开源链动2+1模式AI智能名片S2B2C商城小程序的协同价值研究
人工智能·小程序·开源·零售
说私域10 小时前
基于开源AI大模型与S2B2C生态的个人品牌优势挖掘与标签重构研究
人工智能·小程序·开源·零售
wx_cxc284869891810 小时前
商城小程序源码介绍
微信小程序·小程序
菜鸟una13 小时前
【taro3 + vue3 + webpack4】在微信小程序中的请求封装及使用
前端·vue.js·微信小程序·小程序·typescript·taro