小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在uniapp开发小程序的时候使用web-view组件,web-view的层级太高了,他不能被覆盖,我想问一下怎么去覆盖这个web-view,目的是为了让我的view盒子内容能被看到
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
根据uniapp官网提供的解决方案:
web-view组件的层级问题解决
web-view组件在App和小程序中层级较高,如需要在vue页面中写代码为web-view组件覆盖内容,小程序端无解,只能由web-view的组件自己弹出div。App端有如下若干方案:
比较简单的方式是actionsheet等原生弹出菜单(小程序也可以使用此方案)
使用plus.nativeObj.view。这里有一个底部图标菜单的示例,可参考https://ext.dcloud.net.cn/plugin?id=69
使用原生子窗体subNvue
可以在web-view组件内嵌的网页中弹出z-index更高的div。如果是外部网页,可以在vue中获得子webview对象后,通过evalJS为这个子webview注入一段js,操作其弹出div层。
希望对你有帮助!
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
根据uniapp官网提供的解决方案:
web-view组件的层级问题解决
web-view组件在App和小程序中层级较高,如需要在vue页面中写代码为web-view组件覆盖内容,小程序端无解,只能由web-view的组件自己弹出div。App端有如下若干方案:
比较简单的方式是actionsheet等原生弹出菜单(小程序也可以使用此方案)
使用plus.nativeObj.view。这里有一个底部图标菜单的示例,可参考https://ext.dcloud.net.cn/plugin?id=69
使用原生子窗体subNvue
可以在web-view组件内嵌的网页中弹出z-index更高的div。如果是外部网页,可以在vue中获得子webview对象后,通过evalJS为这个子webview注入一段js,操作其弹出div层。
希望对你有帮助!
vue里拿不到webview对象