轉載 ask.dcloud.net.cn/article/37294
<template>
<view class="content"></view>
</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) {
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
console.log('id:', id)
uni.$emit('scancodedate',{code:id})
}
}
}
</script>
<style>
page {
background-color: #efeff4;
}
.content {
text-align: center;
}
</style>
主頁引入
import scanCode from "@/components/scan-code/scan-code.vue";
其他的頁面引用方法:不需要再次引入scanCode
因為其他的頁面都是從首頁跳轉過來的,所以其他的頁面需要
onUnload() {
// 移除監聽事件
uni.$off('scancodedate')
}
onLoad() {
var _this = this
uni.$on('scancodedate',function(data){
// _this 這裡面的方法用這個 _this.code(data.code)
console.log('你想要的code:', data.code)
})
},
onUnload() {
// 移除監聽事件
uni.$off('scancodedate')
}
程式碼如下:
onUnload() {
// 移除監聽事件
uni.$off('scancodedate')
}
onLoad() {
var _this = this
uni.$on('scancodedate',function(data){
// _this 這裡面的方法用這個 _this.code(data.code)
console.log('你想要的code:', data.code)
})
},
onUnload() {
// 移除監聽事件
uni.$off('scancodedate')
}
本作品採用《CC 協議》,轉載必須註明作者和本文連結