uni-app 页面含web-view时 其他元素点击事件全部失效
uni-app 页面含web-view时 其他元素点击事件全部失效
| 属性名 | 值 |
|---|---|
| 产品分类： | uniapp/App |
| PC开发环境操作系统： | Windows |
| PC开发环境操作系统版本号： | win10 |
| HBuilderX类型： | 正式 |
| HBuilderX版本号： | 3.3.5 |
| 手机系统： | Android |
| 手机系统版本号： | Android 12 |
| 手机厂商： | 小米 |
| 手机机型： | k40 |
| 页面类型： | vue |
| vue版本： | vue2 |
| 打包方式： | 云端 |
| 项目创建方式： | HBuilderX |
示例代码：
<uni-nav-bar v-if="!isshow" [@clickLeft](/user/clickLeft)="goback" left-icon="back" :title="title" color="#fff" statusBar="true" backgroundColor="#0899f0"></uni-nav-bar>
<web-view :src="url"></web-view>
操作步骤：
<uni-nav-bar v-if="!isshow" [@clickLeft](/user/clickLeft)="goback" left-icon="back" :title="title" color="#fff" statusBar="true" backgroundColor="#0899f0"></uni-nav-bar>
<web-view :src="url"></web-view>
执行 [@clickLeft](/user/clickLeft)
更多关于uni-app 页面含web-view时 其他元素点击事件全部失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
7 回复
我也遇到了，app端 页面下半部分放置了webView后，页面上面的内容点不到。
解决办法：webView包一层盒子设置fixed定位空出上面的内容后就可以了。
<view class="web-view-wrap">
<web-view src="http://xxxxxx.com"></web-view>
</view>
.web-view-wrap {
position: fixed;
top: 280px;
}
更多关于uni-app 页面含web-view时 其他元素点击事件全部失效的实战教程也可以访问 https://www.itying.com/category-93-b0.html
