uniapp识别二维码

UniApp 是一个基于 Vue.js 的跨平台框架，它允许开发者编写一套代码，生成适用于多个平台的应用，包括 Web、iOS、Android 和 H5。在 UniApp 中，识别二维码的功能可以通过官方提供的 `uni.preview` API 来实现。以下是一个基本步骤：

1. 引入依赖：在 Vue 组件中，首先需要引入 UniApp 的二维码识别功能，可以使用 `@dcloudio/uni-app-view` 包中的相关模块。

<template>
  <view ref="previewContainer"></view>
</template>

<script>
import { Preview } from '@dcloudio/uni-app-view';

export default {
  components: {
    Preview
  },
  mounted() {
    this.createPreview();
  },
  methods: {
    createPreview() {
      this.preview = new Preview({
        sourceType: 'camera', // 或者 'album' 选择从相册选取
        success: (res) => {
          if (res.result && res.result.qrcode) {
            console.log('识别到二维码内容:', res.result.qrcode);
            // 这里处理二维码的内容，例如跳转页面、显示数据等
          }
        },
        fail: (err) => {
          console.error('二维码识别失败:', err);
        }
      });
    },
    stopPreview() {
      if (this.preview) {
        this.preview.stop();
      }
    }
  },
  beforeDestroy() {
    this.stopPreview();
  }
}
</script>

- `sourceType` 可以设置为 `'camera'`（打开摄像头）或 `'album'`（打开相册选择）。
- `success` 回调会返回包含二维码内容的结果对象，你可以从中提取二维码数据。
- `fail` 回调则在识别失败时触发，可以处理错误情况。