当前位置: 首页 > news >正文

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

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

http://www.lryc.cn/news/135876.html

相关文章:

  • 档案开发:增加查询和打卡按钮
  • redis基础细心讲解,一篇了解常用的缓存技术!
  • Three.js之几何体、高光材质、渲染器设置、gui
  • UE4如何连接dmx---摇头矩阵灯具的创建
  • 网络聊天室
  • ChatGPT只是玩具:生成式人工智能在不同行业的应用
  • RestFul的风格是什么
  • 【自制C/C++小项目JuLongEditor】使用Windows控制台API来制作一个简单的文本编辑器
  • 中国芯,寻找新赛道迫在眉睫
  • C++ 好用的格式化库--fmt
  • 微信小程序教学系列(3)
  • ORB-SLAM系列算法演进
  • solidity0.8.0的应用案例11:透明代理合约
  • 最新消息:谷歌将在Chromebook上运用UWB技术,无线通信更上一层
  • php+echarts实现数据可视化实例3
  • ubuntu下安装Sphinx,编译pdf
  • vue2.x项目从0到1(七)之用户权限
  • 上传镜像到阿里云的ACR
  • ahooks.js:一款强大的React Hooks库及其API使用教程(五)
  • MySQL TCL 事务控制
  • 【Ubuntu】从Graylog到Grafana Loki:构建更强大的网络设备管理和监控系统
  • [JavaWeb]【八】web后端开发-Mybatis
  • Flink源码之Checkpoint执行流程
  • 【工具使用】Git的使用
  • 无涯教程-PHP Installation on Windows NT/2000/XP with IIS函数
  • EureKa快速入门
  • Sectigo EV代码签名申请步骤
  • 生信学院|08月25日《SOLIDWORKS PDM帮助企业对设计数据版本的管理应用》
  • vue页面转pdf后分页时文字被横向割裂
  • 数据结构——队列(C语言)