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

  },
相关推荐
2501_916007472 小时前
iPhone查看App日志和系统崩溃日志的完整实用指南
android·ios·小程序·https·uni-app·iphone·webview
说私域4 小时前
基于开源链动2+1模式AI智能名片S2B2C商城小程序的私域流量拉新策略研究
人工智能·小程序·开源
2501_915918414 小时前
iOS 抓不到包怎么办?全流程排查思路与替代引导
android·ios·小程序·https·uni-app·iphone·webview
七七软件开发5 小时前
团购商城 app 系统架构分析
java·python·小程序·eclipse·系统架构·php
七七软件开发6 小时前
打车小程序 app 系统架构分析
java·python·小程序·系统架构·交友
换日线°16 小时前
css 不错的按钮动画
前端·css·微信小程序
说私域16 小时前
从渠道渗透到圈层渗透:开源链动2+1模式、AI智能名片与S2B2C商城小程序的协同创新路径研究
人工智能·小程序·开源
qq_4275060817 小时前
JavaScript和小程序写水印的方法示例
前端·算法·微信小程序
gongzemin1 天前
使用Node.js开发微信第三方平台后台
微信小程序·node.js·express
猫头_1 天前
uni-app 转微信小程序 · 避坑与实战全记录
前端·微信小程序·uni-app