uniapp在PDA手持终端扫码

PDA手持终端输出方式分为广播输出和键盘输出，针对广播输出和键盘输出获取到扫码或者输入的值

方式一、PDA手持终端激光扫码调用方式(广播输出)

<template><view class="content"></view>
</template><script>
// #ifdef APP-PLUS
var main, receiver, filter;
var _codeQueryTag = false;
export default {data() {return {scanCode: ''};},created: function(option) {this.initScan();this.startScan();},onHide: function() {this.stopScan();},destroyed: function() {/*页面退出时一定要卸载监听,否则下次进来时会重复，造成扫一次出2个以上的结果*/this.stopScan();},methods: {initScan() {let _this = this;main = plus.android.runtimeMainActivity(); //获取activityvar IntentFilter = plus.android.importClass('android.content.IntentFilter');filter = new IntentFilter();filter.addAction('android.intent.ACTION_DECODE_DATA'); // 换你的广播动作receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {onReceive: function(context, intent) {plus.android.importClass(intent);let code = intent.getStringExtra('barcode_string'); // 换你的广播标签_this.queryCode(code);}});},startScan() {main.registerReceiver(receiver, filter);},stopScan() {main.unregisterReceiver(receiver);},queryCode: function(code) {//防重复if (_codeQueryTag) return false;_codeQueryTag = true;setTimeout(function() {_codeQueryTag = false;}, 150);var id = code;uni.$emit('scancodedate', { code: id });},},
};
// #endif
</script>

在扫码的页面引入组件并注册然后在页面中使用

<template><scan></scan>
</template>import scan from "@/components/scan/scan.vue"export default {components: {scan},}//获取到扫码的结果，进行后续的处理
onShow: function() {var _this = thisuni.$off('scancodedate') // 每次进来先 移除全局自定义事件监听器  uni.$on('scancodedate', function(data) {console.log('你想要的code：', data.code)})},

方式二、PDA手持终端键盘输出(键盘方式)

confirm-type的类型为search，每次点击搜索之后触发@confirm，在@confirm的方法中获取到input框中的值

<input class="scan" border="surround" @blur="lose()" v-model="code" :focus="focus"@confirm="submit()" confirm-type="search" :adjust-position="false" :selection-start="50":selection-end="-50">
<input><script>submit() {console.log(this.code)},</script>

注意点：

1.input框需要在焦点状态才能自动获取扫码枪的条码值

lose() {this.focus = falsethis.$nextTick(() => {this.focus = true})},

2.有些时候，input自动获取焦点的时候，弹出的软键盘非要烦人，我们在扫码的时候根本不需要键盘输入，而且软键盘弹起还会默认上推页面，体验不好，而且，uniapp暂时也不支持input焦点不弹起键盘，所以建议需要默认焦点的使用adjust-position属性，让软键盘弹起默认不上推页面，这样体验好一些

uniapp在PDA手持终端扫码相关推荐

vue3 + uniapp 实现PDA设备的扫码功能
vue3 + uniapp 实现PDA设备的扫码功能这里必须要用input 不然输入框不能再次聚焦!!!!!!!! 只有input 默认聚焦状态,扫码枪的数据才会默认填入input <inpu ...
uniapp 实现PDA设备的扫码功能超级详细篇
1. 原理说明:项目中使用的是标准的扫码枪,标准的意思就是它都不给开发文档.走的标准"输入事件",和外接键盘是一样的.扫码枪扫描到的条形码每一位会触发一次onkeydown事件. ...
2，uniapp功能之—扫码（条形码，二维码）点击扫码或者pda侧边按钮扫码
最近在搞uniapp的项目,所以最近的文章基本上是关于uniapp的. 分享一个自动生成二维码的网址,点击前往注意如果扫码和上一个nfc功能在同一个页面里面,会发生冲突,只有一个有用,一个没有用, ...
基于uniapp开发的ZEBRA(斑马) PDA使用广播扫码监听功能（文件配置+插件使用）
一.首先进行DataWedge的配置以ZEBRA TC52为例 1.点击桌面的DataWedge软件 2.点击第一项Profile0(default)进行配置 3.勾选"配置文件已启用&q ...
PDA手持终端有哪些应用?
随着物联网技术的发展,PDA手持终端作为信息化数据采集处理工具,广泛应用于物流.交通.制造.零售.农牧等领域,具备高工业防护等级,支持一维条码/二维码扫描.RFID射频识别.NFC识读.DPM识读等多 ...
PDA手持终端WinCE系统连接SqlServer数据库
引言:因项目需求需要通过使用PDA手持终端对条码进行数据采集,并将数据传输到SqlServer进行增删改查操作,一般来说,跟sqlserver的版本没有特别大的关系,我见过用05的.08的.我自己用的 ...
PDA手持终端扫描条码开单打印一体结合后台电脑系统数据同步交互解决方案
PDA手持终端扫描条码开单打印一体结合后台电脑系统数据同步交互解决方案参考文章: (1)PDA手持终端扫描条码开单打印一体结合后台电脑系统数据同步交互解决方案 (2)https://www. ...
利用PDA手持终端做好库存管理精细化运营
仓储管理是企业供应链管理过程中一个非常重要的环节!企业经营中,传统管理方式主要是人工手动记账进行库存盘点,仓库中杂乱无章.频繁进出的货物,仓储的运转速度与效率慢,而且常常会因为人为因素导致盘点数据不准 ...
pda测试扫码枪用linux,PDA手持终端和扫描枪的区别
原标题:PDA手持终端和扫描枪的区别 PDA手持终端和扫描枪的区别递员日常工作中不可缺少的设备就是PDA手持终端和扫描枪了,这两种设备在现代物流的中应用十分广泛,两者之间存在一些区别,恐怕很少有很了 ...

uniapp在PDA手持终端扫码

uniapp在PDA手持终端扫码相关推荐

最新文章

热门文章