2***@qq.com
2***@qq.com
  • 发布:2023-09-14 17:26
  • 更新:2023-09-15 10:18
  • 阅读:204

【报Bug】自定义nvue扫描页 在扫描页 向外跳转两次后,返回扫描页黑屏了

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 11

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

手机系统: Android

手机系统版本号: Android 11

手机厂商: onePlus(一加)

手机机型: 6

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

在nvue页面自定义扫描页面,其中使用barcode组件,然后发现了一个bug。
现在有三个页面 扫码为a,页面二为b 页面三为 c
现在从a页面跳转至b页面 ,b页面有个选值需要进入c页面 ,此时在返回至扫描页时,扫描页 黑屏,无法扫描

预期结果:

从a页面跳转至b页面 ,b页面有个选值需要进入c页面 ,此时在返回至扫描页时,扫描页依然可以扫码

实际结果:

扫描页 黑屏,无法扫描

bug描述:

项目代码

2023-09-14 17:26 负责人:无 分享
已邀请:
十二112

十二112

export default {  
    data() {  
        return {  
            ...,  
            isLoad: false,  
        }  
    },  
    onShow() {  
        if(this.isLoad) {  
        this.$nextTick(() => {  
            setTimeout(() => this.toStart(),300)  
        })  
    }else {  
        this.isLoad = true  
    }  
    },  
    onHide() {  
        this.tocancel()  
    }  
}
  • 2***@qq.com (作者)

    感谢,十分感谢。这个方法比我那个更接加简洁,且还能解决扫码页锁屏和唤醒扫码页黑屏的问题。测试多次后偶尔会出现页面停留下扫描锁屏前,但我感觉调下这个定时器的时间弄不好就可以了

    2023-09-15 11:25

2***@qq.com

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

视频

2***@qq.com

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

代码

2***@qq.com

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

问题解决了,在扫描页使用uni.navigateTo()跳转至第一个页面 在第一个页面加上 返回监听 就能触发扫描页的的event事件 。然后在扫描页的event 里把扫描控件,先关后开

2***@qq.com

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

又发现一个新的问题
扫描页跳至a页,在a页也有扫码,如果点击a页的扫码进入新的扫码页,此时会黑屏。
但是我发现在我之前的那个方法中稍微加点东西他就有行了,在跳转至a页时,在传数据的地方添加 取消扫码识别。然后由于返回那里已经做了操作这里不多做阐述,不说了上干货。

  • 十二112

    你试试下面修改方法,我测试了安卓ios都正常

    2023-09-15 11:13

要回复问题请先登录注册