目录

小程序和webview如何通信

目录

小程序和webview如何通信?

1、小程序只能通过url链接向webview传数据

2、webview可以通过wx.miniProgram.postMessage向小程序传数据,但请注意下图提示

https://i-blog.csdnimg.cn/blog_migrate/dd4babe562e25a82672fbbcd776e96ce.png

3、示例:

webview向小程序传送数据

wx.miniProgram.postMessage({ data: 'foo' })

小程序接收webview传送的数据

.wxml文件

<web-view src="{{pageUrl}}" bindmessage="handleGetMessage"></web-view>

.ts文件

handleGetMessage(e:any) {
    console.log('------>', e.detail)
}

参考文档: