前言:在uniapp项目中我们很可能因为跨端和兼容支持方便考虑,所以我们使用到了内嵌h55的webview以达到我们的业务需求
难点:uniapp的支持虽然很完善但是也给我们带来了很多问题,比如全屏,导航栏,返回等等的复杂操作
目前:本期我们将采用uniappview 触发h5里面的函数实现向h5内通信
代码:
<web-view :src="webViewUrl" ref="webview" @onPostMessage="getMessage"></web-view>
要延迟生成
setTimeout(function() {
uni.hideLoading();
var currentWebview = that.$scope.$getAppWebview();
let wv = currentWebview.children()[0];
wv.evalJS("createBodyContent()");
}, 1000);
最重要的一点,引用uni.webview.1.5.4.js可到官网下载,要不然是没有效果的