uni-app在逐步的完善,用这个框架来做app还是挺方便的,由于客户需求,需要做扫码的功能,去uni-app的官网上搜了一下,还真有这个功能。
主要用的就是uni.scanCode({})这个函数,直接拿过来用就可以了,但是要注意不能在H5上用,app上用用还是很方便的。
先上图看看运行结果:
关键代码在这:
scan1() {
let that = this;
// 允许从相机和相册扫码
uni.scanCode({
success: function(res) {
that.result1 = res.result;
}
});
},
scan2() {
let that = this;
// 只允许通过相机扫码
uni.scanCode({
onlyFromCamera: true,
success: function(res) {
that.result2 = res.result;
console.log('条码类型:' + res.scanType);
console.log('条码内容:' + res.result);
}
});
},
scan3() {
let that = this;
// 调起条码扫描
uni.scanCode({
scanType: 'barCode',
success: function (res) {
that.result3 = res.result;
console.log('条码类型:' + res.scanType);
console.log('条码内容:' + res.result);
}
});
}
这三个函数我都测试了,可以扫描二维码,也可以扫条形码,区别就是能不能从相册选择图片,根据需求选择其中一个就可以了。
附上二维码可以进行扫描测试。扫出来的结果如上,就OK啦。
有任何疑问,欢迎留言交流。