uniapp如何调用扫描二维码功能?

39人浏览 / 0人评论 / 添加收藏

我们都知道,无论用什么框架开发,都离不开文档,学会看文档,你就战胜50%的软件开发工程师了。

官网文档:https://uniapp.dcloud.io/api/system/barcode

uni.scanCode(OBJECT)

调起客户端扫码界面,扫码成功后返回对应的结果。

关于这些参数说明,就不一一的列举了,我相信大部分人都会,千万不要被这一行行一列列的不太懂的英文字母、参数劝退,认真你就输了。

我们copy一下官方文档给的例子,放到自己的代码里面去,对,你没有看错,就是这些。

// 允许从相机和相册扫码
   uni.scanCode({
    success: function (res) {
     console.log('条码类型:' + res.scanType);
     console.log('条码内容:' + res.result);
     if (res && res.result) {
      this.electronicId = res.result
     }
    }
   });

// 只允许从相机扫码
   uni.scanCode({
    onlyFromCamera:true,
    success: function (res) {
     console.log('条码类型:' + res.scanType);
     console.log('条码内容:' + res.result);
     if (res && res.result) {
      this.electronicId = res.result
     }
    }
   });

完整代码示例如下:

<template>
   <view>
       <button type="primary" @click="scanCode()">button</button>
   </view>
</template>
<script>
   export default {
       data() {
           return {
           };
       },
       methods: {
           scanCode() {
                // 允许从相机和相册扫码
                uni.scanCode({
                    success: function (res) {
                        console.log('条码类型:' + res.scanType);
                        console.log('条码内容:' + res.result);
                    }
                });
           }
       }
   }
</script>

uni.scanCode这个方法需要上真机进行调试。

全部评论