vue pdfjs-dist 页面截图转pdf

要将vue页面截图转为pdf，可以使用html2canvas和jspdf库来实现。
首先，需要安装html2canvas和jspdf库。你可以使用npm命令进行安装:
npm install html2canvas jspdf --save

然后，在你的Vue组件中，引入html2canvas和jspdf库，并使用html2canvas将页面内容截图转换为canvas对象。接下来，使用jspdf将canvas对象转换为pdf文件。下面是一个示例代码:

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

export default {
methods: {
convertToPdf() {
const element = document.getElementById('your-vue-component-id');

html2canvas(element).then(canvas => {
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF();
pdf.addImage(imgData, 'PNG', 0, 0, pdf.internal.pageSize.getWidth(), pdf.internal.pageSize.getHeight());
pdf.save('vue-page.pdf');
});
}
}
}

注意，上述代码中的'your-vue-component-id'应替换为你需要截图的Vue组件的id。