PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HBuilderX教程 > 正文

    uni-app子Webview怎么监听uni.postMessage发送的事件?

    作者:admin来源:网络浏览:时间:2020-10-01 20:45:40我要评论
    导读:uni-app子Webview怎么监听uni.postMessage发送的事件?
    子Webview怎么监听uni.postMessage发送的事件?

    父页面
     
    1. //创建子页面并添加到当前页面   
    2. var wv = plus.webview.create("/hybrid/html/index.html")   
    3. var currentWebview = this.$scope.$getAppWebview();    
    4. currentWebview.append(wv);   
    5.  
    6. //重点: 监听子页面uni.postMessage返回的值   
    7. plus.globalEvent.addEventListener('plusMessage'function(msg){   
    8.     if(msg.data.args.data.name == 'postMessage'){    
    9.         console.log('子页面返回的数据为:'+JSON.stringify(msg.data.args.data.arg));   
    10.     }   
    11. }); 

     


    子页面
     
    1. <script src="uni.webview.1.5.2.js"></script>   
    2. <script>   
    3. document.addEventListener('UniAppJSBridgeReady'function() {      
    4.     //子页面发送数据   
    5.     uni.postMessage({   
    6.          data: {   
    7.               action: 'message'   
    8.               }   
    9.      });   
    10. })   
    11. </script> 

     


    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-146-6307-1.html
    相关热词搜索: uni-app postMessage