VUE2 PDF打印

Vue.js是一个流行的前端框架，它主要用于构建用户界面。在Vue2中处理PDF打印通常通过一些插件或者库来实现，比如vue-html2canvas 和 jsPDF。以下是基本步骤：

1. **安装依赖**：首先需要安装`html2canvas`和`jspdf`两个库，可以分别通过npm或yarn进行安装：

   npm install html2canvas jspdf

2. **引入并注册组件**：在Vue文件中导入这两个库，并创建一个Vue组件来处理打印功能：

   import html2canvas from 'html2canvas';
   import jsPDF from 'jspdf';

   export default {
     methods: {
       printToPDF() {
         html2canvas(document.querySelector('#pdf-content')) // 选择你要转换为PDF的内容区域
           .then((canvas) => {
             const imgData = canvas.toDataURL('image/png');
             const doc = new jsPDF();
             doc.addImage(imgData, 'PNG', 0, 0);
             doc.save('example.pdf'); // 保存生成的PDF文件
           })
           .catch((err) => {
             console.error('Error converting to PDF:', err);
           });
       }
     }
   }

3. **在模板中使用组件**：在Vue的HTML模板中添加一个按钮或者其他触发器，当点击时调用`printToPDF`方法：

   <button @click="printToPDF">Print to PDF</button>
   <div id="pdf-content">
     <!-- Your content here -->
   </div>