JasonChen1719
JasonChen1719
  • 发布:2024-05-10 14:23
  • 更新:2024-05-10 14:23
  • 阅读:118

uniapp webview无法接收H5推送的数据

分类:uni-app

APP以及H5都是基于uniapp,开发的,无论在浏览器模式还是真机模式都无法接收到数据
APP代码如下

<web-view  
   :src="webViewUrl"  
   @message="handleWebViewMessage"  
   @onPostMessage="handleWebViewMessage"  
   ref="webView"  
></web-view>

H5代码如下
index.html引入

<script type="text/javascript" src="<%= BASE_URL %>static/uni.webview.1.5.2.js"></script>  
    <script>  
        document.addEventListener('UniAppJSBridgeReady', function() {  
            webUni.webView.getEnv(function(res) {  
                console.log('当前环境:' + JSON.stringify(res));  
            });  
            webUni.webView.postMessage({  
                data: {  
                    msg: '这是测试H5数据'  
                }  
            })  
        });  
    </script>

login.vue页面按钮触发

handleSubmit() {  
            webUni.webView.postMessage({  
                data: {  
                    message: '这是一条测试数据'  
                }  
            })  
}
2024-05-10 14:23 负责人:无 分享
已邀请:

要回复问题请先登录注册