vue:展示pdf内容的blob:aaa流转换为base64展示

在Vue.js中，如果你想显示PDF内容，通常是通过Blob对象表示的二进制数据流，并将其转换成Base64编码以便于前端渲染。以下是基本步骤：

1. **获取Blob流**：首先，从服务器或者其他地方获取到PDF文件的Blob对象，例如：

let pdfBlob = response.data; // 假设response是从API获取的PDF Blob

2. **转换为Base64**：
使用JavaScript的`URL.createObjectURL()`方法将Blob转为临时URL，然后进一步转为Base64字符串：

let url = URL.createObjectURL(pdfBlob);
let base64Data = atob(url.split(',')[1]); // 分割URL并取第二个部分，就是Base64数据

3. **在Vue中展示**：
将Base64数据绑定到HTML元素的`src`属性上，通常用于创建`<img>`、`<iframe>`等元素展示PDF：

<img :src="`data:image/pdf;base64,${base64Data}`" alt="PDF内容">

或者使用第三方库如vue-pdf.js直接处理Base64数据。