测试代码就是web-view里面的页面向外面应用发送消息，外面应用打印发送的消息
外面的页面代码：
<template>
<view>
<view class="status_bar"></view>
<web-view :src="releaseUrl" @onPostMessage="handlePostMessage"></web-view>
</view>
</template>
<script>
export default {
data() {
return {
releaseUrl: '/hybrid/html/a.html'
}
},
methods: {
// webview向外部发送消息
handlePostMessage: function(data) {
console.log("接收到消息：" + JSON.stringify(data.detail));
}
}
}
</script>web-view里面的页面：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>测试</title>
</head>
<body>
<script type="text/javascript" src="https://unpkg.com/@dcloudio/uni-webview-js@0.0.2/index.js"></script>
<script>
function sendMessage() {
try {
uni.postMessage({
data: {
action: 'message'
}
});
}catch(e){
alert(e)
}
}
</script>
<button onclick="sendMessage()" style="margin-top: 50px;">按钮</button>
</body>
</html>不知道为什么外面接收不到消息
小菜啊
你是微信小程序么
2023-10-20 15:22
2***@qq.com
我也是,我怀疑这些人文档都不认真写
2023-10-23 10:50
5***@qq.com
微信小程序同样的为，请问解决了吗
2023-11-03 09:00
2***@qq.com
回复 5***@qq.com: 你好，请问你的解决了吗，我小程序端也遇到这个问题了
2024-09-03 16:35
2***@qq.com
回复 小菜啊: 你好，请问你的解决了吗，我小程序端也遇到这个问题了
2024-09-03 16:35
x***@163.com
回复 2***@qq.com: 哥们，您这web-view 的问题解决了没 ？ 我用onPostMessage 方法触发不了 用Message 发现只有当小程序的路由变了之后才可以…
2024-09-26 10:36