Vue3把后端返回的数据转成二维码

要将后端返回的数据转换成二维码，你可以使用第三方库 `qrcode`。首先，你需要安装它：

npm install qrcode

然后在你的 Vue3 项目中引入它：

import QRCode from 'qrcode'

接下来，你可以通过调用 `QRCode.toDataURL()` 方法将数据转换为二维码图片的 base64 编码，如下所示：

QRCode.toDataURL('你的数据', function (err, url) {
  if (err) {
    console.error(err)
  } else {
    console.log(url)
  }
})

当你收到来自后端的数据时，你可以将其传递给 `toDataURL()` 方法，然后将返回的 base64 编码插入到 `<img>` 标签中，以显示二维码图片。

例如，在 Vue3 中，你可以使用以下代码：

<template>
  <div>
    <img :src="qrCodeUrl" alt="QR Code">
  </div>
</template>

<script>
import QRCode from 'qrcode'

export default {
  data() {
    return {
      qrCodeUrl: ''
    }
  },
  mounted() {
    // 假设后端返回的数据是 'hello world'
    QRCode.toDataURL('hello world', (err, url) => {
      if (err) {
        console.error(err)
      } else {
        this.qrCodeUrl = url
      }
    })
  }
}
</script>

这将在页面上显示一个二维码，内容为 `hello world`。