Voy a usar el paquete ( jspdf ) cargado desde **CDN **
esto es CDN
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
y lo he cargado así en una página:
mounted() { if (document.getElementById('myScript')) { return } let src = 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js' let script = document.createElement('script') script.setAttribute('src', src) script.setAttribute('type', 'text/javascript') script.setAttribute('id', 'myScript') document.head.appendChild(script) }
y tengo un botón que cuando haces clic en él se llamará a un método a continuación y se generará un pdf.
generateReport() { var doc = new jsPDF('l', 'mm', [62, 32]) const margins = { top: 0, bottom: 60, left: 0, width: 122 } doc.fromHTML(this.$refs.print, margins.left, margins.top, { width: margins.width }) doc.save('test.pdf') }
PERO me sale un error
Entonces, ¿cómo puedo solucionar este error?
Puede usar const { jsPDF } = window.jspdf;
como se muestra en la documentación oficial si desea utilizar la CDN.
Aun así, sigo recomendando la forma del paquete NPM (al igual que el paquete en sí).