uni-app在组件中内嵌webView,实现自定义webView的大小,并处理页面中有webview时其他元素点击事件失效的问题
uni-app在组件中内嵌webView,实现自定义webView的大小
setWebviewTop() {// #ifdef APP-PLUSvar currentWebview = this.$scope.$getAppWebview()setTimeout(function() {let wv = currentWebview.children()[0]wv.setStyle({top: 150})}, 1000); //如果是页面初始化调用时,需要延时一下// #endif
},
页面中有webview时其他元素点击事件失效的问题
webView包一层盒子设置fixed定位空出上面的内容.
<view class="web-view-wrap"><web-view :src="webviewUrl" @message="handleMessage" :update-title="false"></web-view>
</view>
.web-view-wrap { position: fixed; top: 280px;
}
参考链接
链接1
链接2
链接3