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

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.

89 thoughts on “How to convert html component to pdf print in nuxt js projects – doc.fromHTML true usage”