纯前端uniapp通过vue3 + ts + uv-ui组合式实现连续扫码并在每一次扫码完成时停留3秒时间用于继续或者关闭扫码

在纯前端使用UniApp构建项目时，你可以结合Vue3、TypeScript (TS) 和 Uv-UI库来实现连续扫码功能，并在每次扫码完成后暂停3秒。以下是简单的步骤：

1. 安装依赖：首先需要安装`@dcloudio/uni-app`和相关的TS支持插件，如`typescript`、`vue-class-component`等。

npm install uni-app ts vue-class-component

2. 引入必要的库并配置：在`main.ts`文件中引入Vue3和ts配置。

import { createApp } from 'vue'
import App from './App.vue'
import { Options as VueOptions } from 'vue/types/options'
import { Component, Prop } from 'vue-class-component'

Vue.use(Component)
Vue.config.productionTip = false

// 配置ts
declare module '@vue/runtime-core' {
  interface GlobalComponents {
    MyScannerComponent: typeof MyScanner
  }
}

3. 创建`MyScanner`组件，它将负责扫码功能以及计时：

@Component({
  name: 'my-scanner',
  props: {
    onScanDone: { type: Function }, // 扫码完成后的回调函数
  },
})
export default class MyScanner extends Vue {
  @Prop({ required: true }) private intervalTimeInSecs: number = 3;

  mounted() {
    const scannerRef = this.$refs.scanner; // 假设你有scanner-ref引用到扫码元素
    scannerRef.start();

    // 当扫码完成时，清除定时器并触发回调
    scannerRef.on('scan-done', () => {
      clearInterval(this.scanTimeout);
      this.onScanDone(); // 调用外部提供的onScanDone函数
      setTimeout(() => {
        this.startScanningAgain();
      }, this.intervalTimeInSecs * 1000);
    });

    // 初始化扫描间隔计时器
    this.scanTimeout = setInterval(() => {
      if (!this.isScanning()) {
        this.startScanningAgain();
      }
    }, 1000);
  }

  // 检查是否正在扫描
  isScanning(): boolean {
    return this.$refs.scanner?.isScanning;
  }

  startScanningAgain() {
    if (!this.isScanning()) {
      this.$refs.scanner.start();
    }
  }

  beforeDestroy() {
    clearInterval(this.scanTimeout); // 清除扫描间隔计时器，防止内存泄露
  }
}

4. 在`App.vue`或其他合适的地方使用这个组件：

<template>
  <view>
    <my-scanner :on-scan-done="handleScanDone" ref="scanner"></my-scanner>
  </view>
</template>

<script lang="ts">
export default {
  components: {
    MyScanner,
  },
  methods: {
    handleScanDone() {
      console.log('扫码完成');
    },
  },
};
</script>

这只是一个基本示例，实际应用中可能还需要处理错误和兼容性。