uni-app实现扫码

 

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啦。

有任何疑问，欢迎留言交流。