uni-app 小程序webview接收不到另一个uniapp h5的postMessage消息

uni-app 小程序webview接收不到另一个uniapp h5的postMessage消息

示例代码：

// 方式1: 使用 @message 事件 (推荐) const handleMessage = (e) => { console.log(‘小程序接收到web-view消息:’, e);

// 小程序中消息数据在 e.detail.data 中
if (e.detail && e.detail.data) {
const messageData = e.detail.data[0]; // 取第一个消息
console.log(‘解析后的消息数据:’, messageData);
processMessage(messageData);
}

// 方式2: 使用 @onPostMessage 事件 (兼容性) const handlePostMessage = (e) => { console.log(‘通过onPostMessage接收:’, e);

if (e.detail && e.detail.data) {
const messageData = e.detail.data[0];
processMessage(messageData);
}

// 统一处理消息 const processMessage = (messageData) => { if (!messageData) return;

switch (messageData.type) {
case ‘switchCamera’:
console.log(‘切换摄像头:’, messageData.cameraFlag);
// 在这里处理摄像头切换逻辑
uni.showToast({
title: 切换到${messageData.cameraFlag ? '机场视角' : '无人机视角'},
icon: ‘none’
});
break;
case ‘init’:
console.log(‘H5页面初始化完成:’, messageData.message);
break;
default:
console.log(‘未知消息类型:’, messageData);
}

### 操作步骤：


<button @click="handlePost">{{ cameraFlag?'机场视角':'无人机视角' }}</button>
try {
// 小程序 web-view 要求的数据格式
uni.postMessage({
data: [messageData] // 必须是数组格式
});
alert('H5页面加载完成');
console.log('通过 uni.postMessage 发送成功');
return true;
} catch (error) {
console.error('uni.postMessage 发送失败:', error);
}

预期结果：

期望handleMessage能接受到消息信息

### 实际结果：


没有接收到消息

bug描述：

h5的添加了uni-web-view.js，发送了消息但是小程序无法接受到消息