uni-app在组件中内嵌webView,实现自定义webView的大小,并处理页面中有webview时其他元素点击事件失效的问题

uni-app在组件中内嵌webView,实现自定义webView的大小,并处理页面中有webview时其他元素点击事件失效的问题

uni-app在组件中内嵌webView,实现自定义webView的大小

javascript 复制代码
setWebviewTop() {
	// #ifdef APP-PLUS
	var currentWebview = this.$scope.$getAppWebview()
	setTimeout(function() {
		let wv = currentWebview.children()[0]
		wv.setStyle({
			top: 150
		})
	}, 1000); //如果是页面初始化调用时,需要延时一下
	// #endif
},

页面中有webview时其他元素点击事件失效的问题

webView包一层盒子设置fixed定位空出上面的内容.

javascript 复制代码
<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

相关推荐
一清三白21 小时前
《uniApp-解决跨域问题》
uni-app
大叔_爱编程1 天前
wx206基于ssm+vue+uniapp的优购电商小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
ElasticPDF-新国产PDF编辑器2 天前
Uni-app PDF Annotation plugin library online API examples
pdf·uni-app
Kx…………2 天前
Uni-app入门到精通:uni-app的基础组件
前端·css·学习·uni-app·html
getyefang3 天前
uniapp如何接入星火大模型
ai·uni-app
@PHARAOH3 天前
WHAT - uni-app 条件编译技术
小程序·uni-app·条件编译
hunzi_13 天前
选择网上购物系统要看几方面?
java·微信小程序·小程序·uni-app·php
芭拉拉小魔仙3 天前
Uniapp Vue3 小程序接入实时音视频TUICallKit遇到的问题
小程序·uni-app·实时音视频
goto_w3 天前
uniapp上使用webview与浏览器交互,支持三端(android、iOS、harmonyos next)
android·vue.js·ios·uni-app·harmonyos
小宝小白3 天前
【vue3】黑马小兔鲜儿项目uniapp navigationStyle
uni-app