---
name: "WebviewContext"
mode: "api"
versionRequirements:
  - { name: "基础库", version: "2.21.8" }
title: "WebviewContext"
---

## WebviewContext

> [VERSION] 基础库 >= 2.21.8

> 💡 WebviewContext 通过 id 跟一个 web-view 组件绑定，操作对应的 web-view 组件。

### 描述

WebviewContext 实例（原生环境），可通过 ty.createWebviewContext 获取

### 参数

无


### 返回值

类型: `WebviewContext`

WebviewContext 实例

#### 方法

| 方法名 | 说明 |
| --- | --- |
| `postMessage` | 向 web-view 组件发送消息 |
| `reload` | 重新加载 web-view 组件 |

### 示例代码

#### 基本使用

```ts
Page({
  onReady() {
    const webviewCtx = ty.createWebviewContext('myWebview');
    webviewCtx.postMessage({ data: { action: 'hello' } });
  },
});
```