5***@qq.com
5***@qq.com
  • 发布:2022-05-26 10:32
  • 更新:2022-05-26 13:40
  • 阅读:62

App中web-view @onPostMessage接收不到消息

分类:uni-app

测试代码就是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>

不知道为什么外面接收不到消息

2022-05-26 10:32 负责人:无 分享
已邀请:
5***@qq.com

5***@qq.com (作者)

哦,我看了下文档,我用的是app-vue,所以不能使用@onPostMessage,应该用@message

要回复问题请先登录注册