UniApp H5 调用示例
// #ifdef H5
import webPrintPdf from 'web-print-pdf';
export async function silentPrint(html) {
return webPrintPdf.printHtml(
html,
{ paperFormat: 'A4', printBackground: true },
{ printerName: '默认打印机' }
);
}
// #endif
模板中绑定打印按钮
<template>
<view>
<view id="print-area" v-html="reportHtml"></view>
<button @click="onPrint">静默打印</button>
</view>
</template>
<script setup>
// #ifdef H5
import { silentPrint } from '@/utils/print';
const onPrint = () => silentPrint(document.getElementById('print-area').innerHTML);
// #endif
</script>
相关专题：
Vue 静默打印 ·
WMS 远程面单 ·
window.print 替代 ·
在线样例