vue-qr的二维码怎么传给后端

要将 vue-qr 生成的二维码传给后端，可以将二维码转换为图片格式，然后将图片上传到后端。具体的实现可以参考以下步骤：

1. 在 vue 中使用 vue-qr 生成二维码，代码如下：

<template>
  <div>
    <qrcode :value="qrCodeValue" :size="size" :fg-color="fgColor" :bg-color="bgColor"></qrcode>
  </div>
</template>

<script>
import VueQrcode from 'vue-qrcode'

export default {
  components: {
    'qrcode': VueQrcode
  },
  data () {
    return {
      qrCodeValue: 'https://www.example.com',
      size: 200,
      fgColor: '#000000',
      bgColor: '#ffffff'
    }
  }
}
</script>

2. 将二维码转换为图片格式，可以使用 `canvas` 将二维码绘制到画布上，然后将画布转换为图片格式。代码如下：

// 获取二维码的 DOM 元素
const qrCodeEl = document.querySelector('.qrcode')

// 创建画布
const canvas = document.createElement('canvas')
canvas.width = qrCodeEl.width
canvas.height = qrCodeEl.height

// 将二维码绘制到画布上
const ctx = canvas.getContext('2d')
ctx.drawImage(qrCodeEl, 0, 0)

// 将画布转换为图片格式（base64 编码）
const base64Image = canvas.toDataURL()

3. 将图片上传到后端，可以使用 `XMLHttpRequest` 或 `fetch` 方法发送 HTTP 请求。如果使用 `XMLHttpRequest`，代码如下：

const xhr = new XMLHttpRequest()
xhr.open('POST', '/upload')
xhr.setRequestHeader('Content-Type', 'application/octet-stream')
xhr.onload = function () {
  // 处理响应结果
}
xhr.send(base64Image)

如果使用 `fetch`，代码如下：

fetch('/upload', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/octet-stream'
  },
  body: base64Image
}).then((response) => {
  // 处理响应结果
})

需要注意的是，这里将二维码转换为了 base64 编码的图片格式，如果后端需要的是二进制文件，可以将 base64 编码的字符串解码为二进制数据再上传。