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 天前
深度测评2026年精选美发预约小程序排行榜 革新预约新体验 修订
大数据·微信小程序
一颗无敌码农1 天前
多商户与多门店电商系统有什么区别?核心模式解析
微信小程序·php·用户运营·crmeb
wuyoula2 天前
全新多平台电商代付商城源码
开发语言·c++·ui·小程序·php源码
低代码布道师2 天前
微搭低代码MBA 培训管理系统实战 36——小程序端课程预约功能实现
低代码·小程序
万岳科技系统开发2 天前
小程序直播架构调整指南:H5嵌套模式的优化与替代方案
小程序·架构
Greg_Zhong2 天前
学习AI 工程师第 3 天:小程序中调用豆包模型,实现ai助手(打字机效果与流式输出)
小程序·ai工程师·小程序调用豆包实现ai助手
于先生吖2 天前
家政派单小程序定制厂家
大数据·小程序
00后程序员张2 天前
完整指南 iOS App上架到App Store的步骤详解
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
hhzz2 天前
记录微信小程序tabbar不显示问题:uni-app Vue 3 自定义 tabBar 不渲染
vue.js·微信小程序·uni-app
久爱@勿忘2 天前
uniappH5跳转小程序
前端·小程序·uni-app