plus实现扫码功能

最新推荐文章于 2022-09-09 14:11:42 发布

lea_

最新推荐文章于 2022-09-09 14:11:42 发布

阅读量3.2k

点赞数

本文链接：https://blog.csdn.net/m0_46550723/article/details/104837820

版权

本文详细介绍了如何在移动应用中利用Plus SDK集成扫码功能。从下载SDK到配置项目，再到编写代码实现扫描二维码和条形码，一步步解析整个过程，帮助开发者快速在自己的应用中添加这一实用特性。

摘要由CSDN通过智能技术生成

<script>
import {Toast} from 'vant';
  let scan = null;
  export default {
    data() {
      return {
        codeUrl: '',
      }
    },
    methods: {
      //创建扫描控件
      startRecognize() {
        if (!window.plus){Toast(this.$t('h5plus.err_cannot')); return;}
        scan = new window.plus.barcode.Barcode('bcid',[window.plus.barcode.QR], {
            top:"40%",
            scanbarColor: '#2E49C0',
            frameColor: '#2E49C0'
        });
        scan.onmarked = (type, result)=> {
          switch (type) {
            case window.plus.barcode.QR:
              type = 'QR';
              break;
            case window.plus.barcode.EAN13:
              type = 'EAN13';
              break;
            case window.plus.barcode.EAN8:
              type = 'EAN8';
              break;
            default:
              type = '其它' + type;