h5 和微信小程序web-view通信_微信小程序和h5通信

1. 对于vue项目需要下载 weixin-webview-jssdk

h5

import * as wx from "weixin-webview-jssdk"

wx.miniProgram.navigateTo({url: `` })

wx.miniProgram.postMessage({ data: {message: '导航',item: '111'} })
1
2
3
4
5

微信小程序

<web-view src="https://outlet.bneptech.cn/ditu"
       :bindmessage="handleGetMessage"></web-view>

// 接收消息
const handleGetMessage = (e) => {
  console.log(e)
}
1
2
3
4
5
6
7