2***@qq.com

发布：2021-12-29 09:48
更新：2022-01-05 12:15
阅读：1047

【报Bug】uniapp 两个webView，第一次切换后页面内容不变

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： window10

HBuilderX类型：正式

HBuilderX版本号： 3.3.3

手机系统： Android

手机系统版本号： Android 12

手机厂商：小米、华为、等

手机机型： redmik30、小米note10、等

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

1.uniapp下
横屏页面

<template>  
     <web-view v-if="path" :src="path" />   
</template>  

<script>  
    export default {  
        data() {  
            return {  
                path: '',  
            }  
        },  
        onLoad(options) {  

            this.path = JSON.parse(decodeURI(options.data))  
        },  
        onUnload() {  
            // #ifdef APP-PLUS  
            plus.screen.lockOrientation('portrait-primary');  
            // #endif  
        }  
    }  
</script>  

<style>  
</style>

2.uniapp下
竖屏页面

<template>  
    <web-view :src="path" />  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                path: '',  
            }  
        },  
        onLoad(options) {  
            plus.screen.lockOrientation('portrait-primary');  
            this.path = '竖屏h5页面‘  

        },  
        onUnload() {  

            plus.screen.lockOrientation('portrait-primary');  

        },  
    }  
</script>  

<style>  
</style>

3.竖屏h5页面内跳转代码

    let data = '横屏h5页面url’  
                    uni.webView.navigateTo({  
                        url: '/pages/横屏路由?data=' + encodeURI(JSON.stringify((data)))  
                    })

操作步骤：

uniapp 内用两个webView页面分别嵌入一个h5页面，uniapp webView页面分别竖屏显示和横屏显示，竖屏h5页面内调用 uni.webView.navigateTo 跳转uniapp横屏webView

预期结果：

切换横屏页面显示正常

实际结果：

第一次切换横屏页面显示竖屏页面内容。返回后切换横屏就正常显示横屏页面，之后再退回切换都正常显示

bug描述：

一个安卓uniapp项目下有两个webView页面，各页面中只有一个webView标签。一个为横屏，一个为竖屏。url参数为onload动态传入(url为h5页面) 。 bug: 竖屏切换到横屏时。屏幕切换成横屏，页面内容还是竖屏的内容。ps:该问题只出现在第一次切换，返回后再次切换就没问题了，多次切换只有很小的概率触发。项目页面较多时第一次切换100%触发bug.

2021-12-29 09:48 负责人:无分享

3 个回复

2***@qq.com (作者)

这么基础的问题，没有人遇到么？

chenli

建议上传可复现简单的示例工程，能附上操作视频或者GIF图更好。这样方便他人可以更好的理解和排查分析问题！

2***@qq.com (作者)

http://47.244.172.180/video/bug.zip

2022-01-05 16:30
2***@qq.com (作者)

示例放到我服务器了

2022-01-05 16:30

DCloud_UNI_LXH

提供一个可复现的示例看看

2***@qq.com (作者)

不能发zip..

2022-01-05 16:23
2***@qq.com (作者)

我邮箱 2291172314@qq.com

2022-01-05 16:23
2***@qq.com (作者)

私信邮箱或直接加qq,我发示例（含文档视频）

2022-01-05 16:24
2***@qq.com (作者)

http://47.244.172.180/video/bug.zip

2022-01-05 16:30
2***@qq.com (作者)

示例放到我服务器了

2022-01-05 16:30
2***@qq.com (作者)

在么，大佬

2022-01-06 16:02

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

【报Bug】uniapp 两个webView，第一次切换后页面内容不变

操作步骤：

uniapp 内用两个webView页面分别嵌入一个h5页面，uniapp webView页面分别竖屏显示和横屏显示，竖屏h5页面内调用 uni.webView.navigateTo 跳转uniapp横屏webView

预期结果：

切换横屏页面显示正常

实际结果：

第一次切换横屏页面显示竖屏页面内容。返回后切换横屏就正常显示横屏页面，之后再退回切换都正常显示

bug描述：

3 个回复

公告

相关问题

【报Bug】uniapp 两个webView，第一次切换后页面内容不变

操作步骤： uniapp 内用两个webView页面分别嵌入一个h5页面，uniapp webView页面 分别竖屏显示和横屏显示，竖屏h5页面内调用 uni.webView.navigateTo 跳转uniapp横屏webView

预期结果： 切换横屏页面显示正常

实际结果： 第一次切换横屏页面显示竖屏页面内容。返回后切换横屏就正常显示横屏页面，之后再退回切换都正常显示

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

操作步骤：

uniapp 内用两个webView页面分别嵌入一个h5页面，uniapp webView页面分别竖屏显示和横屏显示，竖屏h5页面内调用 uni.webView.navigateTo 跳转uniapp横屏webView

预期结果：

切换横屏页面显示正常

实际结果：

第一次切换横屏页面显示竖屏页面内容。返回后切换横屏就正常显示横屏页面，之后再退回切换都正常显示