javascript - How to convert html component to pdf print in nuxt js projects - doc.fromHTML true usage

Question

in my nuxt project ? want to convert my html compoenent to pdf. when clicked button ? want to convert compoenent with all color to pdf.

import {jsPDF} from 'jspdf'
 
export default {
 
    data() {
        return {
             margins : {  top: 80,   bottom: 60, left: 40,  width: 522  }  }
    },
    methods: {
        generatePdf() {
            const doc = new jsPDF('p', 'pt', 'A4'); 
            doc.fromHTML(this.$refs.testHtml, this.margins.left, this.margins.top,{
                'width' : this.margins.width
            });
            doc.save('test.pdf');
        }
    }

}

in here , the problem is about doc.fromHTML. in many project this way is valid but in nuxt doc.fromHTML doesnt work . it gives error.

question from:https://stackoverflow.com/questions/65926319/how-to-convert-html-component-to-pdf-print-in-nuxt-js-projects-doc-fromhtml-tr

Answer 1

use vue-html2pdf npm package this will solve your problem and also internally it uses jspdf, so you will get its configuration.

https://www.npmjs.com/package/vue-html2pdf