首页 uniappweb-view组件之应用向网页实时发送消息

uniappweb-view组件之应用向网页实时发送消息

举报
开通vip

uniappweb-view组件之应用向网页实时发送消息     uniappweb-view组件之应用向网页实时发送消息          uniapp的web-view组件,官网提供了网页向应用实时 postMessage的方法,但没有说应用如何向网页实时发送消息。然而实际上,某些时候,这个也是有必要的。解决办法:在Webview窗口中执行JS脚本1、hybird中的html网页,由于引用了 Vue,这个接收来自应用消息并处理的方法写在了Vue的方法中。//在Webview窗口中执行JS脚本postJS(msg){console.log(msg);msg=JSON....

uniappweb-view组件之应用向网页实时发送消息
     uniappweb-view组件之应用向网页实时发送消息          uniapp的web-view组件,官网提供了网页向应用实时 postMessage的 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 ,但没有说应用如何向网页实时发送消息。然而实际上,某些时候,这个也是有必要的。解决办法:在Webview窗口中执行JS脚本1、hybird中的html网页,由于引用了 Vue,这个接收来自应用消息并处理的方法写在了Vue的方法中。//在Webview窗口中执行JS脚本postJS(msg){console.log(msg);msg=JSON.parse(msg);//dosomething},2、应用内web-view页面,监听来自其他页面的信息。下面的代码监听的是上一页uni.navigateBack时传递的数据,然后通过调用html页面中Vue中的postJS方法,将应用内的消息实时的传递给网页。/**监听上一页发送的更新指令*@param{String}msg-上一页传递的数据*@returnvoid*/upData:function(msg){//#ifdefAPP-PLUSvarcurrentWebview=this.$scope.$getAppWebview()//此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效varwv=currentWebview.children()[0]wv.evalJS(`vueINS.postJS('${msg}')`);//#endif}通过这种方式,html页面中就能实时接收到来自应用内的消息了。 -全文完-
本文档为【uniappweb-view组件之应用向网页实时发送消息】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
个人认证用户
资教之佳
暂无简介~
格式:doc
大小:89KB
软件:Word
页数:4
分类:互联网
上传时间:2023-06-24
浏览量:93