首先,在项目中注入pdfmake
npm install pdfmake
然后在使用的页面中引入
import pdfMake from 'pdfmake/build/pdfmake';
import pdfFonts from 'pdfmake/build/vfs_fonts';
pdfMake.vfs = pdfFonts.pdfMake.vfs;
然后就可以根据规则写一个content,用pdfmake生成
var docDefinition = {
content: [
{ text: 'REMINDER', style: 'header' },
{
ul: [
'Bacon',
'Rips',
'BBQ',
]
}
],
styles: {
header: {
fontSize: 18,
bold: true,
}
}
}
this.pdfObj = pdfMake.createPdf(docDefinition);
生成之后得到一个pdfobj,通过getBuffer方法可以生成一个blob
this.pdfObj.getBuffer((buffer) => {
var blob = new Blob([buffer], { type: 'application/pdf' });
});