vue jspdf 点击按钮 直接通过打印机打印当前页面

Vue.js 和 JSPDF 是两个不同的技术栈，Vue 主要是前端框架用于构建用户界面，而 JSPDF 是 JavaScript 实现的 PDF 库，主要用于生成 PDF 文件。如果你想在 Vue 项目中点击按钮直接打印当前页面，你可以按照以下步骤操作：

1. 安装依赖：首先需要安装 JSPDF 的 Vue 组件，可以使用 `vuejspdf` 这样的库来简化集成。在 `npm` 或 `yarn` 中安装：

   npm install vuejspdf
   # 或者
   yarn add vuejspdf

2. 引入并配置：在 Vue 组件中导入并配置 JSPDF，并准备一个方法来处理打印：

   import Vjspdf from 'vuejspdf';

   export default {
     components: {
       Vjspdf,
     },
     data() {
       return {
         pdf: null,
       };
     },
     methods: {
       printDocument() {
         // 获取当前页面内容，假设你有一个名为`htmlToPrint`的变量存储了HTML
         const html = this.htmlToPrint;

         // 渲染 PDF
         this.pdf = new Vjspdf('p', 'mm', 'a4'); // p 指文本模式，mm 单位，a4 页面尺寸
         this.pdf.addPage();
         this.pdf.openHtml(html, 15); // 设置页边距

         // 打印
         window.print(); // 使用浏览器的默认打印机功能
       },
     },
   };

3. 在模板中添加按钮并绑定事件：

   <template>
     <button @click="printDocument">立即打印</button>
   </template>

当用户点击这个按钮时，会触发 `printDocument` 方法，生成PDF后调用浏览器的打印功能。