vue生成的二维码转换为图片

在Vue中，如果你已经生成了一个二维码图片（例如通过上面提到的`vue-qrcode-generator`），并且这个图片是以Base64编码的形式存在，你想要将其转换成可以直接显示的HTML `<img>` 标签，可以按照以下步骤操作：

1. 首先，你需要将Base64编码的字符串解码为二进制数据。在JavaScript中，你可以这样做：

let base64String = 'your_base64_string';
let decodedData = atob(base64String);

2. 然后，创建一个Blob对象，将解码后的数据作为Blob的内容：

let blob = new Blob([decodedData], { type: 'image/png' });

这里假设你的二维码是PNG格式，如果是其他格式，如JPEG，将`type`改为对应的MIME类型。

3. 使用FileReader API将Blob转为File，然后创建一个新的URL指向这个File：

let file = File.fromBlob(blob);
let imageUrl = URL.createObjectURL(file);

现在`imageUrl`就是一个指向图片的URL，可以直接插入到HTML中的`<img>`标签中：

<img :src="imageUrl" alt="二维码图片" />

这样，当你需要展示二维码的时候，就可以直接显示这个图片了。