uni-app PDA采集器扫码 步骤详细

1、第一种方法 pda本身是可以直接聚焦输入框，从而直接扫码进入输入框，并且会触发输入框的@confirm=""事件

<template>
<input type="text" :focus="focus" auto-focus="true" @confirm="getScanValue" v-model="scanValue" placeholder="扫一扫二维码" />
</template>

<script>
export default {
data() {
return:{
scanValue:''
}
},
poinblur() {
this.focus = false;
this.$nextTick(() => {
this.focus = true;
},
// 扫码后触发的事件
getScanValue() {
 this.poinblur(); // 自动聚焦
}
}
</script>

第二种则是采用广播的方式来进行扫码，可不使用输入框来进行扫码，并获取扫码信息

1、写组件

<template>  
    <div class="content"></div>  
</template>  

<script>  
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();//获取activity  
            var 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) {
				// uni.showLoading({
				// 		title: '正在查询'
				// 	})
                plus.android.importClass(intent);     
                let code = intent.getStringExtra("DATA_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  
            // console.log('id:', id)  
            uni.$emit('scan',{code:id})  
        }  
    }  
}  
</script>  

<style>  
  /*  page {  
        background-color: #efeff4;  
    }  
    .content {  
        text-align: center;  
    }  */
</style>

需要再pda上设置打开广播

filter.addAction("android.intent.ACTION_DECODE_DATA"); // 在设置中找到广播动作，复制到这里面来

intent.getStringExtra("DATA_string");// 换你的广播标签   也就是设置中的广播字符串数据标签

2、调用组件

<template>
	<view>
		<scan></scan>
		{{c}}
	</view>
</template>

<script>
	import scan from '@/components/scan/scan.vue'
	export default {
		components: {
			scan
		},
		data() {
			return {
				c: '',
			}
		},
		mounted() {
		
		},
		onShow: function() {
			let that = this
			uni.$off('scan') // 每次进来先 移除全局自定义事件监听器
			uni.$on('scan', function(data) {
				that.c = data.code
				//扫码成功后的回调，你可以写自己的逻辑代码在这里
				console.log('扫码结果：', JSON.stringify(data));
			})
		},
		methods: {
		
		}
	}
</script>

<style>
	input {
		border: 1rpx solid #ccc;
		margin: 40rpx 20rpx;
		padding: 15rpx;
		border-radius: 10rpx;
	}
</style>