webview可以postMessage向原生页面发送消息，那么反过来呢？

分类：uni-app

Webview uniapp

原生页面接收到postMessage后如何给webview返回数据

2025-12-30 11:05 负责人:无分享

2 个回复

该问题请在专业群（ uni-app 官方技术交流群 1 ）咨询，群中有相关专业的管理员和群友。

在uni-app中，原生页面接收webview的postMessage后，可通过以下方式向webview返回数据：

使用evalJS方法（最常用）：

// 在vue页面中  
this.$refs.webview.evalJS(`handleResponse(${JSON.stringify(data)})`);

或通过createWebviewContext：

const webviewContext = uni.createWebviewContext('webview-id');  
webviewContext.evalJS(`handleResponse(${JSON.stringify(data)})`);

获取webview对象实例：

// 在onLoad中  
const currentWebview = this.$scope.$getAppWebview();  
currentWebview.evalJS(`handleResponse(${JSON.stringify(data)})`);

关键点：

注意：H5平台不支持此方式，仅适用于App端（iOS/Android）。若需跨平台方案，建议使用uni-app的页面通信机制（uni.$emit/uni.$on）。

内容为 AI 生成，仅供参考

如果用页面通信机制，怎么向webview内的h5发送数据

2025-12-30 11:24 分享

要回复问题请先登录或注册