uniapp h5 vue2蓝牙连接打印机代码

连接蓝牙打印机需要使用浏览器提供的 Web Bluetooth API，这个 API 有一些限制，需要在 HTTPS 环境下才能使用。以下是一个使用 Web Bluetooth API 连接蓝牙打印机的示例代码：

<template>
  <div>
    <button @click="connect">连接打印机</button>
    <button @click="print">打印</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      printer: null, // 保存打印机设备
      writableCharacteristic: null // 保存打印机可写特征值
    }
  },
  methods: {
    async connect() {
      try {
        const device = await navigator.bluetooth.requestDevice({
          filters: [{
            services: ['<your printer service UUID>']
          }]
        });
        const server = await device.gatt.connect();
        const service = await server.getPrimaryService('<your printer service UUID>');
        this.writableCharacteristic = await service.getCharacteristic('<your writable characteristic UUID>');
        this.printer = device;
        console.log('打印机连接成功');
      } catch (error) {
        console.error(error);
      }
    },
    async print() {
      if (!this.printer || !this.writableCharacteristic) {
        console.error('打印机未连接');
        return;
      }
      try {
        const encoder = new TextEncoder();
        const message = 'Hello, World!';
        await this.writableCharacteristic.writeValue(encoder.encode(message));
        console.log('打印成功');
      } catch (error) {
        console.error(error);
      }
    }
  }
}
</script>

这段代码中，我们使用了 `navigator.bluetooth.requestDevice()` 方法来请求设备连接，然后使用 `device.gatt.connect()` 方法连接设备。接着，我们获取打印机的服务和可写特征值，并且保存到组件的数据中。最后，我们使用 `this.writableCharacteristic.writeValue()` 方法向打印机写入数据。你需要将 `<your printer service UUID>` 和 `<your writable characteristic UUID>` 替换为你打印机的服务 UUID 和可写特征值 UUID。同时，需要注意的是，蓝牙打印机需要在用户的设备上匹配并且连接好。