vue-plugin-hiprint

835 阅读1分钟

批量打印

1697514016484.png

// 打印N张
hiprintTemplate.print([printData,printData2, ...printDataN], {}); 

打印内容重叠

1697513043905.png 全部打印重叠在一页?那基本就是样式问题了。
需要在入口文件(index.html) 引入 print-lock.css

如域名: www.abc.com, 那么请确保 www.abc.com/print-lock.css 能够正常访问!

名称必须是 print-lock.css 并且需要时 link 标签

// 在index.html 名称必须为 print-lock.css 
<link rel="stylesheet" type="text/css" media="print" href="https://cdn.jsdelivr.net/npm/vue-plugin-hiprint@latest/dist/print-lock.css"> 
// 也可为相对链接/自有链接 eg: public/print-lock.css 
<link rel="stylesheet" type="text/css" media="print" href="/print-lock.css">

拓展

【vue-plugin-hiprint】实战-动态provider
【vue-plugin-hiprint】常见问题汇总①
【vue-plugin-hiprint】使用-打印篇
源代码地址:github.com/CcSimple/vu…