在nvue页面自定义扫描页面,其中使用barcode组件,然后发现了一个bug。
现在有三个页面 扫码为a,页面二为b 页面三为 c
现在从a页面跳转至b页面 ,b页面有个选值需要进入c页面 ,此时在返回至扫描页时,扫描页 黑屏,无法扫描
- 发布:2023-09-14 17:26
- 更新:2023-09-15 10:18
- 阅读:304
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 11
HBuilderX类型: 正式
HBuilderX版本号: 3.8.12
手机系统: Android
手机系统版本号: Android 11
手机厂商: onePlus(一加)
手机机型: 6
页面类型: nvue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
从a页面跳转至b页面 ,b页面有个选值需要进入c页面 ,此时在返回至扫描页时,扫描页依然可以扫码
从a页面跳转至b页面 ,b页面有个选值需要进入c页面 ,此时在返回至扫描页时,扫描页依然可以扫码
实际结果:
扫描页 黑屏,无法扫描
扫描页 黑屏,无法扫描
bug描述:
项目代码
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 (作者)
问题解决了,在扫描页使用uni.navigateTo()跳转至第一个页面 在第一个页面加上 返回监听 就能触发扫描页的的event事件 。然后在扫描页的event 里把扫描控件,先关后开
2***@qq.com (作者)
又发现一个新的问题
扫描页跳至a页,在a页也有扫码,如果点击a页的扫码进入新的扫码页,此时会黑屏。
但是我发现在我之前的那个方法中稍微加点东西他就有行了,在跳转至a页时,在传数据的地方添加 取消扫码识别。然后由于返回那里已经做了操作这里不多做阐述,不说了上干货。
2***@qq.com (作者)
感谢,十分感谢。这个方法比我那个更接加简洁,且还能解决扫码页锁屏和唤醒扫码页黑屏的问题。测试多次后偶尔会出现页面停留下扫描锁屏前,但我感觉调下这个定时器的时间弄不好就可以了
2023-09-15 11:25