1
- 发布:2021-03-03 18:02
- 更新:2021-03-09 18:30
- 阅读:1017
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.3
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: p40 pro
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
1
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>
求大神 处理下 web-view 的
最佳回复
首先,web-view组件是一个特殊的组件,你说的v-show经测试确实不能切换,我这边已经反映给了对应技术组的同事。
我个人不建议这样设计,因为一个页面实际上就是一个webview窗体。
如果是要实现浏览器多个选项卡切换的功能,建议方案是:传递不同的url参数,多次打开同一个名称叫webview页面(见附件),这样多页面切换还能设置打开和隐藏的动画。
let url = 'https://dcloud.io/'
uni.navigateTo({
url:"/pages/webview/webview?url="+url
})
[已删除] (作者)
啊~~~
2021-03-14 15:46