年少必轻狂
年少必轻狂
  • 发布:2021-08-12 16:37
  • 更新:2021-08-13 12:06
  • 阅读:2138

大佬们,怎么在uniapp webview组件中隐藏掉h5的某些元素呢?

分类:uni-app

大佬们,怎么在uniapp webview组件中隐藏掉h5的某些元素呢?

我在uniapp 中使用webview组件嵌入了 一个h5页面,但是h5页面里也包含了一个底部tabber,怎么给它隐藏掉?

2021-08-12 16:37 负责人:无 分享
已邀请:
删库跑路

删库跑路

可以试一下用原生子窗口,设置背景与H5页一样,高度与H5的tabbar一样。定位到最下面,或者URL带上一个参数来判断是否为APP内打开,如果是就在URL页把它的tabbar给隐藏掉
或者:this.$refs.webview.evalJs("document.body.style.display ='none'")
https://uniapp.dcloud.io/component/web-view

青阳_1900

青阳_1900

  1. 在 webview 触发onload后,调用 evalJs 然后剩下的就是js知道 tabbar 对应的元素,设置 display 就行,这样不需要在h5侧做任何兼容。
  2. h5判断是否在app内,如果在app内则隐藏 tabbar

该问题目前已经被锁定, 无法添加新回复