vue pdf导出下载文件流

你可以使用 jsPDF 和 FileSaver.js 库来实现 Vue PDF 导出下载文件流的功能。

首先，你需要安装这两个库，可以通过 npm 或者 CDN 的方式引入。

安装：

npm install jspdf file-saver --save

引入：

<!-- 引入 jsPDF 库 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>

<!-- 引入 FileSaver.js 库 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.3/FileSaver.min.js"></script>

接下来，你可以在 Vue 组件中使用以下代码来实现 PDF 导出下载文件流的功能：

import jsPDF from 'jspdf';
import 'jspdf-autotable';
import FileSaver from 'file-saver';

export default {
  methods: {
    exportPDF() {
      const doc = new jsPDF();
      const tableData = [
        ['姓名', '年龄', '性别'],
        ['张三', '18', '男'],
        ['李四', '20', '女'],
        ['王五', '22', '男']
      ];

      doc.autoTable({
        head: [tableData[0]],
        body: tableData.slice(1)
      });

      // 导出为 PDF 文件流
      const pdfBlob = doc.output('blob');

      // 下载 PDF 文件
      FileSaver.saveAs(pdfBlob, 'table.pdf');
    }
  }
}

这里使用了 jsPDF 的 `autoTable` 方法来生成 PDF 表格，然后将生成的 PDF 文件流通过 FileSaver.js 库下载到本地。

在上面的代码中，`tableData` 变量是一个二维数组，用于存储表格数据。如果你需要导出其他类型的 PDF 文件，可以使用 jsPDF 提供的其他 API 来生成 PDF 文件流。