# uni.createWebviewContext(webviewId, component?)

创建 web-view 组件的上下文对象,用于操作 web-view 的行为。

参考:web-view组件

在不传入第2个component参数时,默认从页面栈顶的页面来查找这个webviewContext。

在选项式和组合式中,获取组件实例略有差别。

  • 选项式中,this代表当前vue实例。如果是在页面的export default内、函数外使用this,即代表该页面的组件实例。
let v1 = uni.createWebviewContext("wv1", this) //获取id为wx1的web-view组件的context
  • 组合式中,通过getCurrentInstance()!.proxy! 获取当前页面的组件实例。
let v1 = uni.createWebviewContext("wv1", getCurrentInstance()!.proxy!) //获取id为wx1的web-view组件的context

由于本API仅在App端支持。也可以直接使用DOM API操作。UniWebViewElement比webviewContext有更多属性和方法。例如:

let wv = uni.getElementById("wv1") as UniWebViewElement

# createWebviewContext 兼容性

Web 微信小程序 Android iOS
x - 3.9.0 4.11

# 参数

名称 类型 必填 默认值 兼容性 描述
webviewId string.WebviewIdString - - -
component ComponentPublicInstance - -

# 返回值

类型 描述 必备
WebviewContext web-view组件上下文对象

# WebviewContext 的方法

# back() : void

后退到 web-view 组件网页加载历史的上一页,如果不存在上一页则没有任何效果。

# back 兼容性
Web 微信小程序 Android iOS
- - 3.9.0 4.11

# forward() : void

前进到 web-view 组件网页加载历史的下一页,如果不存在下一页则没有任何效果。

# forward 兼容性
Web 微信小程序 Android iOS
- - 3.9.0 4.11

# reload() : void

重新加载 web-view 组件当前页面。

# reload 兼容性
Web 微信小程序 Android iOS
- - 3.9.0 4.11

# stop() : void

停止加载 web-view 组件当前网页,该方法不能阻止已经加载的 html 文档,但是能够阻止未完成的图片及延迟加载的资源。

# stop 兼容性
Web 微信小程序 Android iOS
- - 3.9.0 4.11

# evalJS(js : string) : void

在网页中执行指定的js脚本,在 uvue 页面中可通过此方法向 web-view 组件加载的页面发送数据

# evalJS 兼容性
Web 微信小程序 Android iOS
- - 3.9.0 4.11
# 参数
名称 类型 必填 默认值 兼容性 描述
js string - - -

# 参见

# 通用类型

# GeneralCallbackResult

名称 类型 必备 默认值 兼容性 描述
errMsg string -
错误信息

示例代码另见web-view组件