记一次关于二维码分享踩坑

前提条件：

预期结果：

我在项目内部加了一个扫码功能，项目外部也会配置二维码规则，可以跳转到小程序内部，扫码后跳到对应结果页面。

实际结果：

我从微信扫一扫进入小程序，第一次跳到结果页面。然后从小程序内部再打开扫码功能，但是没有进行扫码操作，只是打开了扫码工具。返回时，会再一次进入上一次扫码结果页。

原因：

App场景值 1001，为扫描二维码的场景值。内部扫码和外部扫码的场景值都是1011，我监听到的e.query里的值还是原来的值，也就是没有进行更新和删除的操作。微信官方没有对内部扫码和外部扫码的场景值进行区分。

解决方案：

使用getApp().globalData.isScanFail=true进行一个全局变量的定义，在内部扫码scanCode的complete或者fail中添加全局变量，然后app.vue监听的时候加入判断，如果有这值，则不会再次进入结果页。

内部扫码 scanCode.vue：

      uni.scanCode({onlyFromCamera: false,success: function (res) {console.log('条码类型：' + res.scanType);console.log('条码内容：' + res.result);base.joinscan(res.result);},complete: function (res) {uni.showLoading({title: '识别中...',});setTimeout(function () {uni.hideLoading();}, 2000);},fail: function (res) {//添加扫码失败监听全局变量getApp().globalData.isScanFail = true;setTimeout(function () {uni.hideLoading();}, 2000);},});

外部扫码监听app.vue

        console.log('跳到扫码失败页面', res.message);// 获取当前路由，已经处于扫码失败页面，跳过此处判断let datat = {message: res.message,};//判断全局变量，扫码失败监听结果判断if(this.globalData.isScanFail) {this.flagtarget('pages/home/home', {});} else {this.flagtarget('pages/scanFaceTag/scanFail', datat);}

记得要在app.vue里进行全局变量定义，和onload，method同级呦！

globalData: {isScanFail: false,},
//和method同级

如果有帮助到你，可以给我一颗小心心吗~

记一次关于二维码分享踩坑相关推荐

小程序之保存canvas生成商品图片附加小程序二维码分享到朋友圈
小程序之保存canvas生成商品图片附加小程序二维码分享到朋友圈一.概述需要用到的生成二维码组件(可自行下载添加到小程序根目录utils里):https://github.com/demi52 ...
uni-app微信小程序扫普通二维码分享小程序
这里需要扫普通二维码分享的话就需要先产生二维码了文档:https://github.com/yingye/weapp-qrcode 1.绘制二维码我这里使用的是资源是weapp.qrcode.es ...
【uni-app】App实现二维码分享图合成(支持单张或多张)
[uni-app]App实现二维码分享图合成写在前面, 该文章目前仅支持合成特定数量的分享图, 不支持随意数量分享图合成一. 背景 app内实现一个邀请拉新功能, 需要根据每个用户生成各自的二维码 ...
如何利用二维码分享会议资料
iamlaosong文在当今智能手机普及年代,完全可以利用手机接收会议资料.当然方式有很多种,电子邮件.QQ群共享等都可以.这儿说一个将资料存放到云盘,再利用二维码分享的方式.这种方式方便,迅速,无 ...
通过web系统实现淘宝营销引流，小说或者视频上传之后自动生成二维码，通过二维码分享之后引入微信或者扣扣加群，群满自动切换到下一个，以及数据统计分析和若干个小工具集成
通过web系统实现淘宝营销引流,小说或者视频上传之后自动生成二维码,通过二维码分享之后引入微信或者扣扣加群,群满自动切换到下一个,以及数据统计分析和若干个小工具集成. 主要实现技术: 1.大文件视频分 ...
二维码生成器和二维码分享
<html> <head><title>二维码生成器-</title> </head> <meta name="viewpo ...
三款运用二维码分享与预览的原型设计工具
2019独角兽企业重金招聘Python工程师标准>>> 越来越多的原型工具也开始利用二维码"简单便捷"的特点,来进行原型设计的展示与分享伴随着智能手机的快速发展 ...
小程序生成二维码分享朋友圈的功能
一.如何生成小程序分享页面的二维码? 通过后台接口可以获取小程序任意页面的二维码,具体可以参考https://developers.weixin.qq.com/miniprogram/dev/api/ ...
怎么将在线视频做成二维码分享？二维码分享视频怎么操作？
现在很多人都会将视频转二维码图片后,分享给他人扫码查看,极大的提升了信息传递的便捷性,那么视频生成二维码的操作方法大家都知道吗?下面就让小编给大家分享一款二维码制作工具,支持多种二维码生成功能,一键即 ...
Java生成二维码分享海报
声明:本文转载自http://www.chinacion.cn/article/7931.html,转载目的在于传递更多信息,仅供学习交流之用.如有侵权行为,请联系我,我会及时删除. 这一篇文章我们就 ...

记一次关于二维码分享踩坑

前提条件：

记一次关于二维码分享踩坑相关推荐

最新文章

热门文章