uni-app web-view 在 v-show 下出现空白白屏问题，经群友讨论系Bug
uni-app web-view 在 v-show 下出现空白白屏问题，经群友讨论系Bug
| 开发环境 | 版本号 | 项目创建方式 |
|---|---|---|
| Windows | win10 | HBuilderX |
产品分类：uniapp/App
PC开发环境操作系统：Windows
PC开发环境操作系统版本号：win10
HBuilderX类型：正式
HBuilderX版本号：3.1.3
手机系统：Android
手机系统版本号：Android 10
手机厂商：华为
手机机型：p40 pro
页面类型：vue
打包方式：云端
项目创建方式：HBuilderX
操作步骤：
1
预期结果：
1
实际结果：
1
bug描述：
因为 要在web-view 里面 放置链接，充当内部浏览器。
1.通过 v-show 控制 显示隐藏，实际效果无法隐藏显示，总是一个白屏。。。。暂时用iframe 替用，但是iframe 在打开一些网站 不尽如意。。。
2.还是web-view 好用，，，但是 web-view 无法隐藏显示。。。。。暂时用 v-if 替用，但是v-if 就是重新渲染。影响用户体验。。。。
<view v-if="show">
<web-view id='sxIframe' :webview-styles="webviewStyles" :src="isrc"></web-view>
</view>
更多关于uni-app web-view 在 v-show 下出现空白白屏问题，经群友讨论系Bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html
app-vue下web-view组件不支持自定义样式；而v-show的本质是改变组件的样式。即组件支持v-if而不是支持v-show。
更多关于uni-app web-view 在 v-show 下出现空白白屏问题，经群友讨论系Bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html
首先，web-view组件是一个特殊的组件，你说的v-show经测试确实不能切换,我这边已经反映给了对应技术组的同事。
我个人不建议这样设计，因为一个页面实际上就是一个webview窗体。
如果是要实现浏览器多个选项卡切换的功能，建议方案是：传递不同的url参数，多次打开同一个名称叫webview页面（见附件），这样多页面切换还能设置打开和隐藏的动画。
let url = ‘https://dcloud.io/’
uni.navigateTo({
url:"/pages/webview/webview?url="+url
})
感谢小版主的支持，但是您这个方法 我也用过了，他有个 弊端，，，就是你每次 navigateTo过去了，他是一直新创窗口的，并不是同一个窗口，，，，不信您自己可以试试，，，这样子 就无形之中，，打开了同一个 网站，无数个页面了。。。。这也是一个Bug
