通过创建 webviewContext，提供从小程序向 web-view 发送消息的能力。
该接口用于通过创建 webviewContext 提供从小程序向 web-view 发送消息的能力。创建并返回 web-view 上下文 webViewContext 对象。
| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| webviewId | String | 是 | 要创建的 web-view 所对应的 ID 属性。 |
为一个 webViewContext 对象。
webViewContext 通过 webviewId 跟一个 web-view 组件绑定，通过它可以实现一些功能。
webViewContext 对象的方法如下：
| 方法 | 参数 | 描述 | 兼容性 |
|---|---|---|---|
| postMessage | Object | 小程序向 web-view 组件发送消息，配合 web-view.js 中提供的 my.postMessage 可以实现小程序和 web-view 网页的双向通信。 |
1.8.0 |
<view><web-view id="web-view-1" src="..." onMessage="onMessage"></web-view></view>
Page({onLoad() {this.webViewContext = my.createWebViewContext('web-view-1');},// 接收来自H5的消息onMessage(e) {console.log(e); //{'sendToMiniProgram': '0'}// 向H5发送消息this.webViewContext.postMessage({'sendToWebView': '1'});}})
// H5的js代码中需要先定义my.onMessage 用于接收来自小程序的消息。my.onMessage = function(e) {console.log(e); //{'sendToWebView': '1'}}// H5向小程序发送消息my.postMessage({'sendToMiniProgram': '0'});
在文档使用中是否遇到以下问题
更多建议
匿名提交