2，uniapp功能之—扫码（条形码，二维码）点击扫码或者pda侧边按钮扫码

最近在搞uniapp的项目，所以最近的文章基本上是关于uniapp的。
分享一个自动生成二维码的网址，点击前往
注意如果扫码和上一个nfc功能在同一个页面里面，会发生冲突，只有一个有用，一个没有用，所有，我给扫码的分装成了一个组件，这样就不会冲突了。
1，在component里面新建一个ScanCode.vue组件

<template><view class="Big"><view id="page"><text v-if="isKeshi"  class="nameSty">扫描二维码获取</text><text v-if="!isKeshi" class="nameSty">{{codes}}</text></view></view>
</template><script>var main, receiver, filter;var _codeQueryTag = false;export default {name:"nfc",data() {return {codes:'',//codeisKeshi:true,//提示字显影nameStys:false,//动态样式};},created(option) {this.initScan();this.startScan();},onHide() {this.stopScan();},destroyed() {this.stopScan();},methods:{initScan() {let _this = this;main = plus.android.runtimeMainActivity(); //获取activitylet IntentFilter1 = plus.android.importClass('android.content.IntentFilter');filter = new IntentFilter1();filter.addAction("com.seuic.scan"); // 换你的广播动作  receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {onReceive: function(context, intent) {plus.android.importClass(intent);let code = intent.getStringExtra("scannerdata"); // 换你的广播标签  _this.codes = code;_this.queryCode(code);//传值，去除换行字符_this.$emit("setData",code.replace(/\n/g,""));_this.isKeshi = false;}});},startScan() {main.registerReceiver(receiver, filter);},stopScan() {main.unregisterReceiver(receiver);},queryCode(code) {//防重复  if (_codeQueryTag) return false;_codeQueryTag = true;setTimeout(function() {_codeQueryTag = false;}, 150);let id = code},// 点击扫码，或者直接用pda侧边的扫码按钮扫码都可以实现ScanCode() {let main1 = plus.android.runtimeMainActivity(); //获取acitivitylet Intent = plus.android.importClass("android.content.Intent");let intent2 = new Intent("com.scan.onStartScan");main1.sendBroadcast(intent2);},},}
</script><style>
.Big{width: 220px;
}
.nameSty{height: 30px;width: 220px !important;line-height: 30px;font-size: 18px;font-weight: bold;color: #828282 !important;
}/deep/.u-size-default,/deep/.uni-input-input{font-size: 18px;
}
</style>

2，在需要的页面引入

<template><view class="box"><scanCode @setData="getData"></scanCode></view>
</template>
<script>
import scanCode from "../../components/saoma.vue";export default {components: {scanCode},methods: {// 接收扫码的值getData(res){console.log(res)},}}
</script>

没了，结束了，是不是很简单呐，如有问题，欢迎留言。
最后：如果此篇博文对您有帮助，还请动动小手点点关注点点赞呐~，谢谢 ~ ~

2，uniapp功能之—扫码（条形码，二维码）点击扫码或者pda侧边按钮扫码相关推荐

flutter实现条形码二维码扫描
flutter实现条形码二维码扫描准备工作使用我们使用到的第三方插件为barcode_scan2 地址为:https://pub.flutter-io.cn/packages/barcode_s ...
uniapp 扫码识别（一维码、二维码）
注:需开启扫码功能,首先要在manifest.json配置中打开APP模块配置中 Barcode(扫码).Camera&Gallery(相机和相册) 自带扫码插件:uni.scanCode(O ...
个人用户永久免费，可自动升级版Excel插件，使用VSTO开发，Excel催化剂功能第12波-快速生成、读取、导出条形码二维码...
根据指定的内容生成对应的条形码或二维码,在如今移动互联网时代,并不是一件什么新鲜事,随便百度一下,都能找到好多的软件或在线网站可以帮我们做到,但细想一下,如果很偶然地只是生成一个两这样的图形,百度一下 ...
手机扫描条形码二维码原理和实现等网上资料整理
有志于要从事条形码和二维码开发的同学,和我一样想多了解这方面的东西.但是苦于网上资源甚少,我已经把现有资源整理如下. 原理.实现方案.代码资源.规则是否通用比如加密如何实现? ============ ...
uni-app/js/小程序/生成支付二维码图片，类似于支付宝和微信商家码
业务需求一个电子商务公司需要一个支付功能,该支付功能通过微信扫码或者支付宝扫码实现的,并且该二维码商户可以下载下来,类似于微信商家码.如下图,鉴于公司相关的保密协议,我马赛克了头部和中间的商标相关说 ...
【C#】最全单据打印（打印模板、条形码二维码、字体样式、项目源码）
系列文章 [C#]编号生成器(定义单号规则.固定字符.流水号.业务单号) 本文链接:https://blog.csdn.net/youcheng_ge/article/details/12912978 ...
浅析IM即时通讯开发之扫码登录二维码
二维码技术使用起来很简单,本系列的前三篇文章也专门针对IM扫码登录这个功能做了详细的分享,但本着学习技术不留死角的习惯,我认为有必要单独学习一下到底什么是二维码(说不定哪天被个刚入行的程序员轻轻一句& ...
微信扫一扫扫普通链接二维码打开微信小程序
撸了今年阿里.头条和美团的面试,我有一个重要发现.......>>> 扫普通链接二维码打开小程序为了方便小程序开发者更便捷地推广小程序,兼容线下已有的二维码,微信公众平台开放扫描普 ...
扫普通链接二维码打开小程序
一,想要扫描普通链接二维码打开小程序,必须在小程序后台进行配置,否则无法完成写在前面:微信对扫描普通链接二维码打开小程序有一定限制,对企业.媒体.政府.其他组织类型小程序开放此功能,个人类型小程序暂 ...

2，uniapp功能之—扫码（条形码，二维码）点击扫码或者pda侧边按钮扫码

2，uniapp功能之—扫码（条形码，二维码）点击扫码或者pda侧边按钮扫码相关推荐

最新文章

热门文章