Render the report in Vue 3 and start the print workflow with settings supplied by the application.

Printing from code. Load and render the report, apply the printer settings, and start the print workflow from application code.
<script setup lang="ts">
import { Stimulsoft } from 'stimulsoft-reports-js-vuejs'

function printPdf_Click() {
    report.printToPdf();
}

function printHtml_Click() {
    report.print();
}

var report = new Stimulsoft.Report.StiReport();
report.loadFile("Reports/SimpleList.mrt");

</script>

<template>
    <div class="container">
        <h4>This sample demonstrates how to print a report:</h4>
        <div class="container-button">
            <button @click="printPdf_Click" class="button" title="Print Report as PDF File">Print PDF</button>
            <button @click="printHtml_Click" class="button" title="Print Report as HTML File">Print HTML</button>
        </div>
    </div>
</template>
report.printToPdf() prints through a generated PDF for pixel-accurate output, while report.print() uses the HTML print path — both open the browser print dialog for a loaded report.

By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.