Actualmente estoy creando una aplicación y apliqué vue 3 solo en una página a través de un script.
<script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script> <script src="https://unpkg.com/vue@3"></script>Estoy tratando de usar el módulo importado (jsPdf) a través de un script y no funciona.
methods: { generateReport() { let pdfName = 'test'; var doc = new jsPDF(); doc.text("Hello World", 10, 10); doc.save(pdfName + '.pdf'); } }Este es el error cuando intento hacer el método anterior:
Uncaught ReferenceError: jsPDF is not defined¿Es posible usar el módulo importado usando un script en la compilación de desarrollo de Vue? ¿O hay alguna otra forma de generar pdf sin importar scripts?
Intenta seguir el siguiente fragmento
const { jsPDF } = jspdf const app = Vue.createApp({ el: "#demo", methods: { generateReport() { let pdfName = 'test'; var doc = new jsPDF(); doc.text("Hello World", 10, 10); doc.save(pdfName + '.pdf'); console.log(doc) } } }) app.mount('#demo') <script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script> <script src="https://unpkg.com/vue@3"></script> <div id="demo"> <button @click="generateReport">pdf</button> </div>¿Ha importado la biblioteca en el archivo .vue en el que está tratando de usarla?
import { jsPDF } from "jspdf";