Printing the Report from Code
Our sample projects and report templates can help you learn the basics of working with our products.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.
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.