base64后的pdf，vue展示

Base64编码是一种将二进制数据转换成ASCII字符序列的编码方式，常用于在网络传输或存储文件时避免直接使用二进制数据。当你有一个PDF文件需要通过Vue.js应用展示，但是不想直接发送原始文件，可以先将其转换为Base64字符串。

在Vue中展示Base64编码的PDF文件通常会涉及到以下步骤：

1. **转换PDF到Base64**: 使用JavaScript库，如`pdfjs-dist`或`js-base64`，读取PDF内容并将其转换为Base64格式。

import jsPDF from 'jspdf';
// 或者
const btoa = window.btoa; // 如果使用原生Base64

let pdfData = fs.readFileSync('your_pdf_file.pdf', 'binary');
let base64Pdf = btoa(pdfData);

2. **创建HTML元素显示**: 创建一个`<img>`标签或者使用`<object>`元素嵌入数据，链接指向Base64编码的数据。

<!-- 使用img标签 -->
<img :src="'data:image/pdf;base64,' + base64Pdf" alt="PDF"/>

<!-- 使用object标签（IE浏览器支持更好） -->
<object type="application/pdf" data="data:image/png;base64,...">
    <p>Your browser does not support PDF viewing.</p>
</object>

3. **处理兼容性和下载**: 针对不支持直接查看PDF的浏览器，提供一个下载按钮，点击后用户可以下载PDF文件。

注意：这种方式虽然能在现代浏览器中显示，但可能会因为加载大体积的Base64数据导致性能问题，特别是在网络环境较慢的情况下。